在朝阳网站开发和网站设计中,朝阳网十科技未来告诉大家CSS的布局的重要性,下面讨论CSS的布局检查和调试方法。
确认CSS的书写正确。
检查是否有拼写错误,以及末尾是否忘记}。可以使用CleanCSS检查CSS的拼写错误。
查看HTML元素中的拼写错误和结束标记是否被遗忘。
即使是老手也经常搞错div的嵌套关系。使用dreamweaver的验证功能对错误进行检查。
float元素的父元素不能指定clean属性。
如果对float元素的父元素使用clear属性,那么MacIE下的float元素布局就会很乱。这就是MacIE著名的bug,在不知道的情况下会走弯路。
用删除法确定出错的位置。
若此错误影响整个布局,则可以逐个删除div块,显示将恢复正常,直到删除其中一个div块后,才能确定错误发生的位置。
利用border属性决定错误元素的布局特性。
使用浮点属性布局时会发生错误。增加border属性以确定元素的边界,错误的原因是它掉到了地面上。
float元素不能指定margin和padding等属性。
IE在显示指定margin和padding的浮点元素时存在bug。因此,不要为float元素指定margin和padding属性(margin和padding可以通过将div嵌入float元素来设置)。IE的特殊值也可以使用hack方法指定。
float元素必须指定宽度属性。
许多浏览器在显示没有指定width的float元素时都存在bug。所以,不管float元素的内容是什么,一定要指定width属性。
当指定其他元素时,尝试使用em代替px作为单位。
浮点数单元的宽度和小于100%
假设浮点数元素的宽度和等于100%,一些老浏览器将不能正常显示。因此要保证宽度小于99%。