本文共 443 字，大约阅读时间需要 1 分钟。

一、为何要分栏高度一致？

分栏高度一致的目的是更加美观。举两个例子吧

2.1 对于分栏布局，我们或许会用边框(border)进行分隔，就如鄙人博客的分栏

此时最担心的问题就是高度不一致，尤其是无边框属性的分栏高度超过有边框属性的分栏，结果就会

2.2 对于分栏布局，我们或许会用实色填充背景，看我的双栏demo页面

但是，如果两栏的高度不一致，例如左侧的超出了范围，可能就会

二、纯CSS实现侧边栏/分栏高度自动相等

这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下（数值不固定）

再配合父标签的overflow:hidden属性即可实现高度自动相等的效果

举个简单的实例吧，如下CSS及HTML代码

说明：核心CSS代码部分的3000像素是个可变值，如果您的分栏高度不可能高度超过2000像素，您就可以设为2000像素，如果会超过3000像素，那么您要修改值为4000像素或是更高。父标签的overflow:hidden属性是必须的，否则会显示溢出的内容。