网页布局中如何进行CSS布局调试
网页设计中CSS布局是很重要的部分，下面介绍几种检查调试CSS布局的有效方法。
1.检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2.检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的}等。可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是
为CSS减肥的工具，但也能检查出拼写错误。
3.用删除法确定错误发生的位置
如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误
发生的位置。
4.利用border属性确定出错元素的布局特性
使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石
出。
5.float元素的父元素不能指定clear属性
MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。这是MacIE的著
名的bug，倘若不知道就会走弯路。
6.float元素务必指定width属性
很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指
定width属性。
另外指定元素时尽量使用em而不是px做单位。
相关文档：
首先感谢“丸子
”提供的这个
IE8的css hack；
关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack：
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\9;&n ......
适用于只有一行文字的情况.
.ellipsis{
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflow是CSS3的属性，IE6以上版本、Safari、chrome 支持。它可以带2个参数：
clip [不显示省略标记（...），而是 ......
1、IE分不清继承关系和父子关系的差别，全部都是继承关系。
2、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您，不要太疯狂了。
3、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深� ......
一、什么是DIV+CSS？
“DIV + CSS” 是最新WEB标准的一个典型的应用。
一般来说，网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签，表现主要包括CSS（层叠样式表：Cascading Style Sheets）， 行为主要包括例如对象模 ......
