一个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>
时间： 2024-08-03 17:41:56