首页 > 代码库 > html css float margin失效原因

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 设置。

html css float margin失效原因