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

今天q群里有个网友需要一个竖线,分割左右两边,但是两边的高度又不定,可能左边高也可能右边高,如果给左边或者右边定义边线都有可能会无法贯通整个高度。
这是一个常见的左右布局需要高度自适应的例子,但是由于它只需要中间的分割线,所以可以采用一个比较特殊的处理方法:

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

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

查看示例

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

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

此日志的引用地址
GB2312 http://www.ddcat.net/blog/tback.php?id=230&encode=gb2312
UTF-8 http://www.ddcat.net/blog/tback.php?id=230&encode=utf-8

发表评论

Required