Question

css 布局 float怎么用

Answer 1

1、蓝色背景：无float，即它独占一行；

2、第一个黄色背景，float：left；

3、第二个黄色背景，float：right。

注意，2、3在同一行显示。

代码如下：

<div style="background:red;height:300px;width:300px;">

<div style="background:blue;height:50px;width:50px;">无float</div>

<div style="background:green;height:50px;width:50px;">无float</div>

<div style="background:yellow;height:50px;width:50px;float:left;">float:left</div>

<div style="background:yellow;height:50px;width:50px;float:right;">float:right</div>

</div>

你自己可以操作对比下，就明白了。

Answer 2

float是做浮动用的，一般float:right; 或float:left; 决定在哪个方向浮动，浮动非替换元素，要指定一个明确的宽度；否则，它们会尽可能地窄；
用了浮动以后，外部元素不会被撑开，一般用clear:both 清除浮动；