在页面布局中,经常遇到高布局的情况。为了获得更好的视觉效果,要达到高的布局如最常见的DIV三栏布局学的影响




页面布局通常满足轮廓布局的情况,特别是在背景颜色或背景图片的情况下。为了获得更好的视觉效果,我们必须实现高布局效果如div三柱最常用的布局区,我们要实现三列等高的布局,可以通过三个属性来实现:overflow,padding,和margin。代码如下:

HTML代码:

复制代码代码如下所示:


左
左
左
左
左


中间
中间
中间
中间
中间
中间
中间
中间
中间


赖特
赖特
赖特



CSS代码:

复制代码代码如下所示:
#容器{溢出:隐藏;宽度:1024px;保证金:0汽车;}
#左,#中心,#右{ margin-bottom: - 1000px;座垫:1000px;}
#左{浮动:左;宽度:200px;背景:# CCC;}
#中心{浮动:左;宽度:400px;背景:# bbeeeb;}
#右{浮动权;宽度:200px;背景:# 555;}