清除浮动、浏览器前缀

清除浮动

• 给父元素加高度
• clear:both; 但会导致margin失效
• 隔墙法

<div class=”cl h10”></div> 

.cl {clear: both;} 
// 控制间距
.h10 { height:10px} 

• 给父元素增加overflow:hidden;IE6追加_zoom: 1;

浏览器前缀

• webkit 以webkit做内核的浏览器
• ms IE
• moz 火狐
• o opera