1.如何解决兼容性问题能够输入:css
<head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> </head>
2.取消<ul>前面的样式,在css中输入:浏览器
list-style:none;
3.img中图片过大进行缩小,可在css样式中加入:ui
transform: scaleX(0.9);
4.清除浮动:spa
/*清浮动*/ /*IE8及以上*/ .clearfix:after{ content:""; display:block; clear:both; visibility: hidden; height: 0; overflow:hidden } .clearfix{ *zoom:1; /*可支持IE6/IE7,但绝大多数浏览器不承认zoom:1,因此只是为了IE6/IE7清除浮动*/
或者 进化版code
.clearfix:after{ content:""; display:table; clear:both; } .clearfix { *zoom:1; /*可支持IE6/IE7,但绝大多数浏览器不承认zoom:1,因此只是为了IE6/IE7清除浮动*/
clearfix切勿滥用,应用于包含浮动子元素的父级元素上。orm