DIV+CSS是网站标准(或者叫作“Web标准”)里常用的术语之一,一般为了说明和HTML网页设计语言里的表格(table)定位方式的差别,由于XHTML网站设计标准里,不再使用表格定位技术,而是使用DIV+CSS的方式完成各类定位。应用DIV+CSS编码之时非常容易犯一些错误。下面安全模式列出了五大常见错误:
第一. 检查HTML元素是不是有拼写错误、是不是不记得结束标记
就算是高手也常常会搞错div的嵌套关系。能够用dreamweaver的验证功能检测一下有没有错误。
第二. 检查CSS是不是正确
查看一下有没有拼写错误、是不是不记得结尾等。能够通过CleanCSS来查看 CSS的拼写错误。CleanCSS虽然是给CSS减肥的工具,可也能查出拼写错误。
第三. 确定错误发生之位置
若错误影响了整体布局,那么能够逐一删除div块,直至删除某个div块之后显示恢复正常,便能确定错误发生之位置。
第四. 通过border属性确定出错元素之布局特性
采用float属性布局很容易便会出错。此时给元素添加border属性确定元素边界,错误原因便水落石出。
第五. float元素的父元素无法指定clear属性
MacIE下若对float的元素的父元素采用clear属性,周围的float元素布局便会混乱。此为MacIE的着名的bug,如果不清楚便会走弯路。