div嵌套时margin-top出现外层偏移

当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用于父元素。

HTML

CSS

.errorstyle {
height:20px;
width:225px;
background-color:#FFCCCC;
color:#F00;
font-size:12px;
border:#FF0000 solid 1px;
margin-top:10px;
}

将子DIV加上浮动解决问题

转自 http://www.jb51.net/css/77645.html