西安网站建设

9条div+css网页设计者容易出现的问题

浏览次数：906　时间：2011-07-31 09:13:02

随着WEB2.0的流行，现在几乎所有的网站多采用了DIV+CSS设计,但是在使用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的头部信息，那是非常重要的,能让你的代码兼容各种浏览器。