子元素覆盖父元素
原意是将div 下的ul覆盖了div。所以就先敲了一些代码试试
代码是这么写的
html代码是这么写的
- 22
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就一样了
转载于:https://www.cnblogs.com/Guoguomix/p/5987062.html
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！