?!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 天仙国产原创网拍嫩模,亚洲ⅴs日韩在线

当前位置Q?a >首页 > |站

做w3c|站Ҏ(gu)出现的DIV布局错误

来源Q徐州亿|网l科技有限公司 旉Q?012-03-08 作者:(x)

        使用DIV布局时还带有不少操作表格时的思想和习(fn)惯,以至于出了不的错误Q在?a >徐州|络公司把容易出错的一些细节整理出来,希望对初学的朋友能有所帮助?/p>

        1.最常见的DIV嵌套错误

        因ؓ(f)xhtml 语法比较严格Q诸如Firefox 之类的浏览器如果查发现Xhtml里面有语法错误,那页面是不能正常昄的。刚刚开始学?fn)DIV布局的时候经怼(x)弄错DIV的嵌套关pR我们可以用Dreamweaver的验证功能检查一下有无这斚w的错误?br />  

        2.׃_心造成的标炚w?br />         开始一呌求速度Q在标点斚w不太注意Q到最后发现有些属性不起作用。最Ҏ(gu)出错的例如:(x)
        正确Qclass=” “Q错误:(x)class=“ ”Q标点的中英文切换)
        正确Qfont-size: 12px;Q错误:(x)font-size: 12pxQ(标点的中英文切换Q?br />         正确Qtext-decoration: underline;Q错误:(x)text_decoration: underline;Q是中划U而非下划U)
        正确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指定了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. 是否忘记了写DTD
        如果无论怎样调整不同览器显C结果还是不一P那么可以查一下页面开头是不是忘了写下面这行DTDQ?/p>

        

        最好的做法是用Dreamweaver专业软g直接新徏|站面Q这样可以保证不?x)出错?/p>

        单的排除错误的一些方法:(x)

  1. 大概定错误发生的位|?br /> 如果因ؓ(f)错误媄响了整体布局Q可以逐个删除div块,直到删除某个div块后昄恢复正常Q即可确定错误发生的位置?/li>
  2. 利用border属性解决Float布局错误
    使用float属性布局一不小心就?x)出错。这时ؓ(f)相关元素dborder属性以定元素边界Q错误原因即水落矛_?/li>

        本文由徐州亿|网l公?http://www.exz.cn)原创Q{载请注明谢谢Q?/p>