标准布局常见问题及解决方法

CSS2.0盒模型的分层示意图和三维示意图
3像素问题及解决方案
使用浮动浮动容器时,在IE6的差距将有3px,没有合适的容器,在容器的右侧设置高度为3px,当设定的高度去容器的左边,所以精度高的布局,请参考例29, 31的解决方法
当上层容器浮动时,底部容器浮动,导致页面混乱。
例如,在上面的例子中的页脚必须占用一行,但当侧边栏是浮动的,内容的高度小于侧栏的高度,页脚也浮到侧边栏的右侧,造成页面混乱。解决的办法是将内容和页脚之间的容器,设置风格清晰:两,身高:0,字体大小:1px,线高度:0px,使用明确的:既要清除页面。
当浮动元素和未知高度时,如何适应父容器子元素的高度
这种情况可以被添加到溢出父窗口:汽车;变焦:1;这两个样式,溢出:汽车,从高度适应的内部容器的父容器,变焦:1,用于与IE6的CSS hack兼容。变焦:1,这是不是一个W3C验证很好的例子,这也是一个遗憾。幸运的是IE支持这种写作方法。它可以为IE编写一个独立的样式,因此它可以在页面中编写,因此应该进行验证。
相对定位与绝对定位
规划页面,很多时候需要使用相对定位和绝对定位,是有技巧的,掌握一些地方没有繁琐的JS。当父容器采用相对定位的元素,然后使用绝对定位和位置是相对于父元素。如果父元素没有位置的子元素绝对定位是相对于浏览器
IE6双缘蝽
当有多个连续的漂浮在页面,如果这个页面上的图标列表是左浮动,当李的左边界的值设置,将双在左边。例如,外缘设置为10px,而左侧显示20px。解决这个问题的方法是在浮动元素上添加显示:内联,这样可以避免双边错误。