一个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>
原文：http://www.cnblogs.com/yutaoyao/p/4025702.html