首页 相关文章 CSS实例:CSS实现的等高网页布局

CSS实例:CSS实现的等高网页布局

为了让网页更美观、协调,有的时候需要用到左右等到布局,传统的等高布局是用 javascript 实现的,现在来看看 silence 发明的真正的 CSS 实现的等高布局,其方法主要是采用隐藏容器溢出、正内补丁和负外补丁结合的方法实现的。

下面来看看实际的例子(三列等高),以下面的 XHTML 代码为例:

div id="wrap"
div id="left"
pleft/p
pleft/p
pleft/p
pleft/p
pleft/p
/div
div id="center"
pcenter/p
(20个或更多个)
pcenter/p
/div
div id="right"
pright/p
pright/p
pright/p
/div
/div

CSS 代码:

*{
margin:0;
padding:0;
}
#wrap{
overflow:hidden;
width:1000px;
[ 查看全文 ]

2016-02-19 标签:

CSS实例:CSS实现的等高网页布局的相关文章

手机页面
收藏网站 回到头部