互联网应用服务提供商!    全国售前咨询:010-69632027/13241022177怀柔巨优网络
网站备案免费获取解决方案

建站指南

公司新闻

常用资料

怀柔做网站

客户动态

建站指南

行业新闻

公司公告

网络营销

网站优化

售前咨询
致电 010-69632027

售后服务
邮箱:bxhsit@126.com

在线咨询
怀柔巨优网络

当前位置:网站首页>新闻动态 > 建站指南 > 网站建设DIV+CSS布局时容易犯的错误

网站建设DIV+CSS布局时容易犯的错误

随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,奋斗网络也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。

如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS。但是在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误:

网站建设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?

如果无论怎样调整不同浏览器显示结果还是不一样,那么可以检查一下页面开头。

巨优网络微信,巨优网络微博

巨优网络网站建设为怀柔区企业提供网站建设服务,提供怀柔网站建设怀柔网站制作怀柔网站优化服务,为怀柔区各单位提供完善的网站建设解决方案,推动怀柔信息化发展!怀柔做网站,怀柔做网站公司,选巨优网络!咨询热线:010-69632027

  怀柔网站建设优秀提供商-APP建站--微信营销-手机网站

巨优简介|如何合作|提交网站需求|联络方式|有问必答

全国统一咨询服务

010-69632027  13241022177