今天q群里有个网友需要一个竖线,分割左右两边,但是两边的高度又不定,可能左边高也可能右边高,如果给左边或者右边定义边线都有可能会无法贯通整个高度。
这是一个常见的左右布局需要高度自适应的例子,但是由于它只需要中间的分割线,所以可以采用一个比较特殊的处理方法: 1 给左边的div设定右边线;给右边的div设定左边线; 这样无路哪个高都将有边线显示。 2 设定负边距,让这两条边线重叠成1条。 查看示例 本例只是一个原形,在ff和ie 7内通过测试。 另一个方法使用背景图片。
本文介绍了一种解决左右布局中高度自适应问题的方法:通过为两边的div分别设置边线,并利用负边距使边线重合为一条,以此实现无论哪一侧更高都能保持完整的分割线效果。此外还提到了另一种解决方案——使用背景图片。
这是一个常见的左右布局需要高度自适应的例子,但是由于它只需要中间的分割线,所以可以采用一个比较特殊的处理方法: 1 给左边的div设定右边线;给右边的div设定左边线; 这样无路哪个高都将有边线显示。 2 设定负边距,让这两条边线重叠成1条。 查看示例 本例只是一个原形,在ff和ie 7内通过测试。 另一个方法使用背景图片。
834
824

被折叠的 条评论
为什么被折叠?