DIV+CSS常见错误汇总

日期：2007年12月18日作者：查看:[大字体中字体小字体]

　　CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+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做单位。

　　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、列表样式设置为none等。

　　10. 是否忘记了写DTD?

　　如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下面这行DTD：

以下是引用片段：
　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
（出处：急速软件下载学院）
DIV+CSS常见错误汇总相关文章：
·XP提示“虚拟内存不足”原因总结
·学习CSS制作网页总结的一些经验技巧
·CSS常见问题和技巧总结
·DIV+CSS常见错误汇总
·平板电视工程菜单进入方法汇总
·学习总结：搜索引擎优化(SEO)用不着特复杂
·识破QQ欺骗网络地址的几种方法汇总
·jQuery语法总结和注意事项
·第一次WEB2.0创业日子回顾与总结
·汇总直接影响网站排名的主要因素
DIV+CSS常见错误汇总相关软件
·《星际争霸》Fragbet联赛总决赛录像包：TOT VS MYM
·《梦幻四驱车总动员》游戏试玩
·《汽车总动员》试玩 GBA - 电影强档游戏
·《魔兽争霸》WCG中国总决赛第一比赛日录象包
·GBA《海底总动员》2合1西班牙版模拟器
·《3D德军总部》游戏模拟器
·魔兽WWW夏季总决赛第二轮 Fov VS Lyn2
·《魔兽》NGL第三赛季线下总决赛准决赛 4K VS MOUZ
·第三届新浪原创大赛推理类总盟主《不可能犯罪》
·《世界五千年智谋总集(外国卷)》

上一篇:XFrog与3DsMax绘卡通菜园：蘑菇篇

下一篇:关于用Meta标签进行SEO的心得

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

DIV+CSS常见错误汇总

精品推荐

热点TOP10

特别推荐