欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  一、为何要分栏高度一致?
  分栏高度一致的目的是更加美观。举两个例子吧
 
  2.1对于分栏布局,我们或许会用边框(border)进行分隔,就如鄙人博客的分栏
 
  此时最担心的问题就是高度不一致,尤其是无边框属性的分栏高度超过有边框属性的分栏,结果就会
 
  2.2对于分栏布局,我们或许会用实色填充背景,看我的双栏demo页面
 
  但是,如果两栏的高度不一致,例如左侧的超出了范围,可能就会
 
  二、纯CSS实现侧边栏/分栏高度自动相等
 
  这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下(数值不固定)
 
  再配合父标签的overflow:hidden属性即可实现高度自动相等的效果
 
  举个简单的实例吧,如下CSS及HTML代码
 
  说明:核心CSS代码部分的3000像素是个可变值,如果您的分栏高度不可能高度超过2000像素,您就可以设为2000像素,如果会超过3000像素,那么您要修改值为4000像素或是更高。父标签的overflow:hidden属性是必须的,否则会显示溢出的内容。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-hack/c54597.shtml