子元素覆盖父元素
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了子元素覆盖父元素相关的知识，希望对你有一定的参考价值。
原意是将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加个
position:relative;margin-bottom:-1px就一样了
以上是关于子元素覆盖父元素的主要内容，如果未能解决你的问题，请参考以下文章