网站建设中的CSS+DIV问题

来源:网站快速备案 作者: 代办备案 浏览:次 发布时间: 2010-12-10 14:01

点击这里给我发消息 点击这里给我发消息 点击这里给我发消息

1、检查是否因为不小心而忘了写结束标记。虽然有的人用CSS+DIV排版已经很长时间了,但人非圣贤,孰能无过,即使老手也可能会弄错div的嵌套关系,从而致使忘了写结束标记,这个时候你是不是会想:那么多代码谁知道哪里少写了啊?别急,我们可以用dreamweaver的验证功能检查一下。
2、仔细查看CSS是否写错了。这个问题我们可以用CleanCSS来检查一下,CleanCSS是一种CSS减肥的工具,但检查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?
假如不管怎样调整不同浏览器显示结果仍是不一样,那么可以检查一下页面开头。

版权声明:请尊重快速备案,ICP备案,公司备案,3小时备案--001快速备案网网原创内容, 如需转载网站资讯文章,请注明文章原始地址。
原文地址:/wangzhanxinwen/2010/1210/508.html

分享给好友