本站推荐
CSS实现页面多列等高布局
脚本类别:页面布局  添加时间:2009-01-04  查看次数:  作者:

脚本代码
loading...

当前页面所处路径为 共享世纪 / 网页特效 / 页面布局 / ,本特效的Tag为: 共享世纪

以前我们在布局这种需要多列多模块,多列等高,一般会选择横着切一张背景图来进行模拟,这个也是没有办法的办法。
我们知道单纯的两列等高我们可以利用正内边距加负外边距来实现。padding-bottom:32767px; margin-bottom:-32767px;
这个方法的原理是事先通过正内边距来使其拥有足够高的布局控件,然后通过负外边距来使得其的位置不变。通过给父元素溢出隐藏,我们可以隐藏掉事先占据的足够高的空间。由两列实际的内容高度来决定整个父元素的高度,从而实现了等高。

会员登陆close X