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

1.IE7塊轉內聯塊問題

　　問題描述：好像塊轉內聯塊失敗，依然不在一行排列

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

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

　　內聯轉內聯塊沒有問題

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

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

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

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

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

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

轉載于:https://www.cnblogs.com/wuyufei/p/10503361.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。