总结9条DIV+CSS网页设计容易发生的错误

网络整理 - 07-27

DIV+已经成为目前的主流应用,但是有时候出现问题会导致我们的网页效果不如人意,下面我们就总结9条DIV+CSS网页设计容易发生的错误:

  1. 如果你是手写代码,一定不要将HTML和CSS拼写错误,不要忘了闭合标签

  很多朋友都非常熟练写代码了,但是在熟练也有失手的时候,可以使用DW来检查下

  2. 如何确定发生错误或者错位的DIV

  我们一般都是采取逐层删除DIV块,来确定发生错误的DIV块,直到显示正常,就发现了错误的DIV块。

  3. 快速检测错误布局的样式

  我们可以给每一个DIV层设这Border属性,设置不同的颜色,一眼就可以找到错误

  4. 在Macie上有一个float 大bug

  如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的著名的bug,倘若不知道就会走弯路

  5 当你使用Float标签时,请务必给DIV块定义宽度 width

  在IE6中,如果不给DIV浮动层确定宽度就很容易引起错位,所以我们建议一定设置浮动的DIV的宽度。

  6. 切勿直接给Float块定义Margin和Padding值

  IE6中有一个非常大的BUG,就是3PX和双边距,如果你设置浮动div块的这两个值,就会产生这两个错误,我们简直是在浮动DIV块内在建一个DIV,然后控制这个DIV块的位置。

  7. 使用FLOAT显示一排元素时,他们的宽度不能大于等于100%,会变形,到99%宽度就足以

  这也是IE中的超级大BUG,如果FLOAT元素宽度到了100%,就会变形。

  8. 如果设置了全局标签参数,不要忘了在某些地方需要重新定义

  我们在使用DIV块和UL LI的时候,一般喜欢把样式清除掉,这是你就要在各个标签中重新定义,否则都会适应弄个全局标签设置的样式。

  9. 不要忘记html中的头部元素标签

  不要忘记HTML的头部信息,那是非常重要的,能让你的代码兼容各种浏览器。