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