千喜网络 ---网站建设帮助 ---DIV+CSS语言程序
经典案例--CSS实现三列DIV等高布局
发布时间:2012-7-24 0:08:36 阅读次数:
DIV等高布局,我想很多人都遇见过,我也看过不少的方法,有的是通过背景图片,实现假象的等高效果;
还有的用js实现等等。这些都是方法,但是现在都不用以上的方法,来个真正的纯css实现等高!
现在我们来看看真正的 CSS 实现的等高布局,其方法主要是采用“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法实现的。 下面来看看实际的例子(三列等高),以下面的 XHTML 代码为例:
html代码:
left
left
left
left
left
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
right
right
right
css代码:
left
left
left
left
left
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
center
right
right
right