原意是將div 下的ul覆蓋了div。所以就先敲了一些代碼試試

代碼是這么寫的

html代碼是這么寫的

<div>
<ul>
<li>22</li>
</ul>
</div>

?

css代碼是這么寫的

div { height:99px;border-bottom:1px solid yellow;padding-left:30px;padding-right: 30px;}
ul{ height:100px; background: red;}
li{height: 99px;border-bottom: 1px solid green;list-style: none;background: green;width: 100px;}

在chrome 火狐和高版本的ie是顯示正常的，但是到了ie6就變成了

里面的Ul將div撐開了即使是相同的高度。

但如果在ul加個(gè)

position:relative;margin-bottom:-1px就一樣了

?

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

總結(jié)

以上是生活随笔為你收集整理的子元素覆盖父元素的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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