左右内容高度不定,使用border实现中间分割线

今天q群里有个网友需要一个竖线,分割左右两边,但是两边的高度又不定,可能左边高也可能右边高,如果给左边或者右边定义边线都有可能会无法贯通整个高度。

这是一个常见的左右布局需要高度自适应的例子,但是由于它只需要中间的分割线,所以可以采用一个比较特殊的处理方法:

1 给左边的div设定右边线;给右边的div设定左边线;这样无路哪个高都将有边线显示。

2 设定负边距,让这两条边线重叠成1条。

查看示例

本例只是一个原形,在ff和ie 7内通过测试。

另一个方法使用背景图片。

发表评论

电子邮件地址不会被公开。 必填项已用*标注