IE7及以下版本都會有這些問題

1.IE7塊轉(zhuǎn)內(nèi)聯(lián)塊問題

　　問題描述：好像塊轉(zhuǎn)內(nèi)聯(lián)塊失敗，依然不在一行排列

　　解決辦法：給元素添加如下css? ? *display:inline;*zoom:1;

　　*display:inline;先把元素轉(zhuǎn)成內(nèi)聯(lián)，再用*zoom:1;觸發(fā)盒子有布局的特性，讓它支持寬高（星號 * 意思是針對IE7）

　　內(nèi)聯(lián)轉(zhuǎn)內(nèi)聯(lián)塊沒有問題

2.li包含浮動子元素的問題

　　問題描述：li中包含浮動的子元素，li和li之間就會有間隙

　　解決辦法：給li加?vertical-align:middle/top/bottom;

3.子元素相對定位，父元素overflow失效問題

　　問題描述：子元素面積超出父元素，且子元素是相對定位，在IE7中父元素的overflow:hidden/auto;失效

　　解決辦法：給父元素也加一個相對定位? position:relative;

轉(zhuǎn)載于:https://www.cnblogs.com/wuyufei/p/10503361.html

總結(jié)

以上是生活随笔為你收集整理的HTML和CSS在IE7中常见的兼容性问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。