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;/*页面
相关文档：
前言：CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。
(一) CSS2盒模型
盒模型主要定义四个区域：内容(content)、边框距(paddin ......
在DIV+CSS的时代里，拥有一个贴心的CSS手册会极大的增加网页设计的效率。目前市面上大家用的最多的就是苏沈小雨制作的《CSS 2.0中文手册》，我也一直用了有四五年了。手册使用CHM格式，内容非常的丰富，几乎包括了CSS2的所有内容。
下载地址
http://www.javatang.com/_download/css2handbook.rar ......
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFC300;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFC300;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFC300;
如果使用Dw或者其 ......
垂直居中对表格来说是小菜一碟，只需指定单元格为vertical-align: middle即可，
但这在css布局中不管用。假设你将一个导航菜单的高度设为2em，
然后在css中指定垂直对齐的规则，文字还是会被排到盒的顶部，根本没有什么区别。
要解决这一问题，只需将盒的行高设为与盒的高度相同即可，
以这个例子来说，盒高2em,那么只� ......
