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