当前位置Q?a >首页 > |站
做w3c|站Ҏ(gu)出现的DIV布局错误
来源Q徐州亿|网l科技有限公司 旉Q?012-03-08 作者:(x)
使用DIV布局时还带有不少操作表格时的思想和习(fn)惯,以至于出?jin)不的错误Q在?a >徐州|络公司把容易出错的一些细节整理出来,希望对初学的朋友能有所帮助?/p>
1.最常见的DIV嵌套错误
因ؓ(f)xhtml 语法比较严格Q诸如Firefox 之类的浏览器如果(g)查发现Xhtml里面有语法错误,那页面是不能正常昄的。刚刚开始学?fn)DIV布局的时候经怼(x)弄错DIV的嵌套关pR我们可以用Dreamweaver的验证功能检查一下有无这斚w的错误?br />
2.׃_心(j)造成的标炚w?br />
开始一呌求速度Q在标点斚w不太注意Q到最后发现有些属性不起作用。最Ҏ(gu)出错的例如:(x)
正确Qclass=” “Q错误:(x)class=“ ”Q标点的中英文切换)(j)
正确Qfont-size: 12px;Q错误:(x)font-size: 12pxQ(标点的中英文切换Q?br />
正确Qtext-decoration: underline;Q错误:(x)text_decoration: underline;Q是中划U而非下划U)(j)
正确Qimg {border: 0;}错误Qimg {border: 0; Q注意后边的”}”W号Q?br />
正确Q?br />
错误Q?br>
Q这个错误只是个不好的习(fn)惯,不符合标准的写法Q这U单标签一定要闭合Q?/p>
3.在用float元素时出现内Ҏ(gu)开的问?br /> 在用左动或者右动的时候一定要保证float元素的宽度之和小于或者等?00%Q一般比较保险的做法是要于98%?/p>
4.float元素的父元素不能指定clear属?br /> 在MacIE下如果对float的元素的父元素用clear属性,周围的float元素布局׃(x)混ؕ。这是MacIE的着名的bugQ倘若不知道就?x)走弯\?/p>
5.重新定义一些默认的样式
某些属性如ul、li、margin、padding{,不同览器会(x)有不同的解释。因此最好在开始布局之前先将全体的margin、padding讄?Qul、li列表样式讄为none{?/p>
6.float元素最好不要指定margin和padding属?br />
IE在显C指定了(jin)margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属?合理的做法:(x)可在float元素内部嵌套一个div来设|margin和padding)?br />
7.float元素一定要指定width属?br />
很多览器在昄未指定width的float元素时会(x)有bug。所以不float元素的内容如何,一定要为其指定width属性?/p>
8. 是否忘记?jin)写DTD
如果无论怎样调整不同览器显C结果还是不一P那么可以(g)查一下页面开头是不是忘(sh)(jin)写下面这行DTDQ?/p>
最好的做法是用Dreamweaver专业软g直接新徏|站面Q这样可以保证不?x)出错?/p>
单的排除错误的一些方法:(x)
- 大概定错误发生的位|?br /> 如果因ؓ(f)错误媄(jing)响了(jin)整体布局Q可以逐个删除div块,直到删除某个div块后昄恢复正常Q即可确定错误发生的位置?/li>
- 利用border属性解决Float布局错误
使用float属性布局一不小?j)就会(x)出错。这时ؓ(f)相关元素dborder属性以定元素边界Q错误原因即水落矛_?/li>
本文由徐州亿|网l公?http://www.exz.cn)原创Q{载请注明谢谢Q?/p>
公司动?/a>
- 2015徐州亿网APP点子大赛
- 周六游?—?水深火热
- 数钱游戏 --- 开?j)一?/a>
- 周末游戏
- 由徐州亿|承建开发的塔机动态监控管理系l正式上U?/a>
- 由徐州亿|承建开发的Zȝh防伪防窜货功能的微信公众q_正式上线
- 中秋攑ց前的团队Ƣ聚
- 台儿庄一日游
- 周六游戏 ------ H出重围
- 7.26日周六活?/a>
行业资讯
- 1?日~1?日百度相关系l出现故?/a>
- 癑ֺ公司的技术别以?qing)薪资范?/a>
- 企业App开发推q的三大程
- 徐州|络公司Q网l陷׃可不?/a>
- iPhone6涉嫌外观抄袭
- 山寨Q扒一扒那些靠着别h才能zȝ手机APP应用
- APP当道的时代你用或者不用,它就在那?/a>
- 做网站要选择合适的域名
- 如何避免成ؓ(f)Google补充材料
- 认识SEO原理和网站推q方?/a>
营销{划