html css float margin失效原因

Float对象

<div id="content">

<div id="left">left</div>

<div id="right">right</div>

</div>

#left { float: left; }

当我们指定了元素的浮动为left时，意味着其右方的内容将能够流入到左栏的右边，而且能够根据左栏的宽度，自动流入并贴进左栏，而贴进的程度则靠左栏的margin-right来控制，或是右栏的margin-left来控制。

但是前提是#right那个div存在，如果不存在的话，就用margin-left 设置。

转载于:https://www.cnblogs.com/pigmorn/p/4086648.html