DIV+CSS难点之经验总结

1、网页居中显示：
    需要设置两个地方，一个是body，一个是外边框div。
    CSS：
body{
 margin:0;
 padding:0;
 text-align:center;
}
#main{ /*最外层DIV*/
 width:760px;
 margin:0 auto;
 padding:0
}
    2、文字垂直居中显示：
    在DIV中定义一个行高与其高度相同即可。
    CSS：
.title{
 height:25px;
 line-height:25px;
 vertical-align:middle;
 }
    3、图片垂直居中显示：
    在<img>标签中加入align="absmiddle"

即可。
    4、清除浮动：
    如果在同一行上有几个DIV并列显示，那么必须在其中加入清除浮动代码，如果在一行上只是一个DIV，好象不必清除浮动。
    CSS：
.clear{clear: both;}
    HTML示例：
<div id="main">
     <div
class="left"></div>
     <div
class="center"></div>
     <div
class="right"></div>
     <div
class="clear"></div>
</div>
<!--清除浮动后，后面的
代码排列就不会有任何变形了，不管是在IE还是FF中，都很正确-->
<div ……
    5、三列结构中的的DIV写法：
    适用于左右栏是窄幅，中栏为主要内容显示，让其宽度自适应。
    
    CSS:
#main{
     width:760px;
     margin:0 auto;
     }
.left{
     width:100px;
     float:left;
    }
.right{
     width:120px;
     float:right;
    }
.center{
     margin:0
120px 0 100px;/*页面