左右内容高度不定,使用border实现中间分割线
2008年6月18日
今天q群里有个网友需要一个竖线,分割左右两边,但是两边的高度又不定,可能左边高也可能右边高,如果给左边或者右边定义边线都有可能会无法贯通整个高度。
这是一个常见的左右布局需要高度自适应的例子,但是由于它只需要中间的分割线,所以可以采用一个比较特殊的处理方法:
1 给左边的div设定右边线;给右边的div设定左边线;这样无路哪个高都将有边线显示。
2 设定负边距,让这两条边线重叠成1条。
本例只是一个原形,在ff和ie 7内通过测试。
另一个方法使用背景图片。