问题1.如果无法将内容放入固定宽度或固定高度的框中,则框会扩展以适应内容,而不是让内容溢出框外。

解决方案:Use word-wrap: break-word inside IE-conditional comments (works on text only) or overflow: hidden (works on all content, but may cause content to be clipped).

问题2.如果某条边与浮动方向同向,则向该边上的浮动框应用边距时,边距会增加一倍。此错误只影响一次或多次浮动的某行中的第一次浮动。

解决方案:Specify display: inline; for the affected float.

问题3.IE6下为什么图片下方有空隙产生

解决方案:解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block,或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom,还可以设置父容器的字体大小为零,font-size:0

问题4:如果无名线框(包含内联内容的框)邻近某个浮动,则线框和浮动边缘之间会出现 3 个像素 (3px) 的间隙。在内容清除浮动时,此间隙会消失,导致内容朝着浮动的方向“慢移”三个像素。请注意,当左对齐文本邻近右浮动时,可能难以看到此间隙,但它确实存在,而且它可能导致紧密的布局中出现“浮动下降”。

解决方案:

1、Apply the Holly Hack or use the zoom property.

<!–[if IE]>
<style type=”text/css”>
    .classname { zoom: 1;}
</style>
<![endif]–>

2、Your CSS can be applied to “.classname” which will fix all the paragraphs within classname:
/* hide hack from Mac-IE5 \*/
* html .classname { height: 1em; }
/* end hiding */