CSS+DIV 是网站标准 (或称 "web 标准") 中常用的术语之一, 通常为了说明与 html 网页设计语言中的表格 (table) 定位方式的区别, 因为 XHTML 网站设计标准中, 不再使用表格定位技术, 而是采用 CSS div 的方式实现各种定位. 应用应用 DIV+CSS 编码时很轻易犯一些错误.
本文列举了一些常见的错误:
1, 检查 HTML 元素标签是否有拼写错误, 是否忘记结束标记
即使是老手也经常会弄错 div 的嵌套关系. 可以用 dreamweaver 的验证功能检查一下有无错误.
2, 检查 CSS 是否正确
检查一下有无拼写错误, 是否忘记结尾的 } 等. 可以利用 CleanCSS 来检查 CSS 的拼写错误. CleanCSS 本是为 CSS 减肥的工具(CSS 压缩), 但也能检查出拼写错误.
3, 确定错误发生的位置
假如错误影响了整体布局, 则可以逐个删除 div 块, 直到删除某个 div 块后显示恢复正常, 即可确定错误发生的位置.
4, 利用 border 属性确定出错元素的布局特性
使用 float 属性布局一不小心就会出错. 这时为元素添加 border 属性确定元素边界, 错误原因即水落石出(也叫浮动产生, 了解如何清除 CSS 浮动).
5,float 元素的父元素不能指定 clear 属性
MacIE 下假如对 float 的元素的父元素使用 clear 属性, 四周的 float 元素布局就会混乱. 这是 MacIE 的闻名的 bug, 倘若不知道就会走弯路.
6,float 元素务必指定 width 属性
很多浏览器在显示未指定 width 的 float 元素时会有 bug. 所以不管 float 元素的内容如何, 一定要为其指定 width 属性. 另外指定元素时尽量使用 em 而不是 px 做单位.
7,float 元素不能指定 margin 和 padding 等属性
IE 在显示指定了 margin 和 padding 的 float 元素时有 bug. 因此不要对 float 元素指定 margin 和 padding 属性(可以在 float 元素内部嵌套一个 div 来设置 margin 和 padding). 也可以使用 hack 方法为 IE 指定非凡的值.
8,float 元素的宽度之和要小于 100%
假如 float 元素的宽度之和正好是 100%, 某些古老的浏览器将不能正常显示. 因此请保证宽度之和小于 99%.
9, 是否重设了默认的样式?
某些属性如 margin,padding 等, 不同浏览器会有不同的解释. 因此最好在开发前首先将全体的 margin,padding 设置为 0,CSS 列表样式设置为 none 等.
10, 是否忘记了写 DTD-DOCTYPE 声明?
假如无论怎样调整不同浏览器显示结果还是不一样, 那么可以检查一下页面开头是不是忘了写下面这行 DTD:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
不过现在 DOCTYPE 可以简写为:
<!DOCTYPE HTML>
来源: http://www.css88.com/qa/html5/11549.html