css两列等高,多种方法实现div两列等高（收集整理）

HTML骨架

<divid="header">头部div>

<divid="container">

<divclass="mainbox">主内容区域div>

<divclass="sidebox">侧边栏div>

div>

<divid="footer">页脚div>

1.背景模拟(使用背景图片实现等高)：

背景模拟主要依靠一张图片，然后将其平铺，使页面在视觉上，产生等高效果，如图

背景模拟实现很简单，直接利用了background-repeat属性,使背景图片以Y轴方向重复。