(1)ie6默认高度
描述:在IE6以下的版本中,部分块拥有默认高度(低于18px高度)
hack1:给元素添加font-size:0;
hack2:给元素添加overflow:hidden;
(2)图片间隙
a:div中的图片间隙
描述:在div中插入图片时,图片会将div撑大3个像素;
hack1:将</div>与<img>写在一行
hack2:将img转化为块元素,添加display:block;声明
b: dt,li中图片间隙(ie6)
Hack1:将<img>转化为块元素 display:block;
Hack2:给li添加图片高度:overflow:hidden;
(3)双向浮动(双倍边距由float:left;和margin-left:共同使用产生)
Hack1:给浮动元素添加display:inline;
(4)表单元素行高不一致
描述:表单元素行高不同
Hack:给表单元素添加float:left;
(5)按钮元素默认大小样式不一致
Hack1:统一大小及样式(用a标记模板)
Hack2:input外面套一个标签,在按钮里写按钮样式,把Input的边框去掉
Hack3:如果按钮是一个图片,直接把图片作为背景图
(6)百分比bug
描述:IE6版本以下会进行四舍五入,导致50%+50%大于100%情况
hack1:给右边的元素添加clear:right;(清除右边的浮动)
hack2:clear:left;(清除右边的浮动)
(7)鼠标指针bug(无法显示手状)
cursor:pointer/help/wait;
(8)父元素有块状元素,如果子元素添加margin-top
hack1:overflow:hidden;
hack2:float:left;
hack3:padding-top;