浮动与清浮动(三):bug与hack

2015-08-16
阅读 2 分钟
3.9k
IE 双边距 bug ,看英文名一目了然:The IE5/6 Doubled Float-Margin Bug。指在 IE5/6中,块级元素在添加float之后,当 margin-left/right != 0/auto 时,其实际显示效果 margin left/right 会扩大一倍。举例来说:

浮动与清浮动(二):清浮动

2015-08-15
阅读 3 分钟
3.8k
上一篇文章主要总结了浮动的两种方法:display:inline-block 和 float: left/right。第一种方法的主要局限是 IE7 不支持,且换行被解析成一个空格;而第二种方法更加可取。但是要记住一点:发明 float 的初衷是为了解决图文混排的问题,因此不可滥用(就像当年滥用 table 布局一样)。