首页 > 代码库 > margin-top bug
margin-top bug
一个div在另外一个div中 居中 ，发现一个bug
errorstyle 结果发现IE6.IE7正常，其余都出现bug
百度之，得到原因；当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,标准浏览器下(FirfFox、Chrome、Opera、Sarfi)会把内层元素的margin-top作用于父元素。
解决办法:float:left
<html><head><style type="text/css">*{margin:0px;padding:0px;}.box{background-color:silver;height:300px;width:300px;}.errorstyle { height:100px; width:100px; background-color:#FFCCCC; margin-left:100px; margin-top:100px; /* 注意这里 */}.rightstyle{ height:100px; width:100px; background-color:#FFCCCC; margin-left:100px; margin-top:100px; /* 注意这里 */ float:left; /*修复*/}</style></head><body><div class="box"> <div class="rightstyle"></div></div></body></html>
margin-top bug
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。