说于CSS float属性的问题,有CSS高手请解答,谢谢。
HTML:
<div id="block1"></div>
<div id="block2"></div>
<div id="block3"></div>
CSS:
#block1
{
float:left;
width:300px;
height:300px;
background-color:Gray;
margin:10px;
}
#block2
{
width:300px;
height:300px;
background-color:Yellow;
margin:10px;
}
#block3
{
width:300px;
height:300px;
background-color:Green;
margin:10px;
}
<精通CSS -高级Web标准解决方案>一书的原话:浮动框不在文框的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。
根据这句话的理解应该是block1会覆盖block2,实际的效果是block2是根随在block1中,感觉的效果是插入了普通流中,会的朋友说一下原因,thanks