1.display:block;下的任何元素默认继承父级的宽高属性。



2.float浮动层，margin将出现对其方向的双倍间距，一般的解决方法是display:inline。



3.postion:absolute层的深度混乱问题，需要设置相对定位posttion:relative层的深度。



4.浮动层遮盖<select></select>的问题，需要在浮动层进行设置<iframe style="position: absolute; width: 100%; height:

100%; z-index:-1;"></iframe>，

其他方案：使用JS插件bgiframe下载地址：http://github.com/brandonaaron/bgiframe



5.IE6下避免采用百分比%来定义宽高等尺寸，包括奇数宽高的BUG，尽量采用偶数尺寸来定义宽高。



6.内容过长的display:none层引发的大面积占位空白BUG，需要定义层display:none层“postion:absolute”。



7.相对定位的父级层定义padding后，绝对定位子元素出现BUG。