html中float浮动的使用方法DIV+CSS浮动怎么用

1、新建一个html网页，在body中侑喏嵋甲插入【<div class="content"></div>】并引入CSS【.content{width: 420px;height: 100px;background: #d4d4d4;padding: 5px 0 5px 5px;}】。

3、继续添加一个同级的DIV【<div class="a b"></div>】并引入样式a和样式b，样式B只定义背景色【.b{background: #FF5F00;}】。可以看到第2个DIV排到了第一个的下方位置。

5、为了方便朋友们查看顺序，把4个DIV分别插入一个数字，相当于给他们编一个号码。

7、我们再来试一下右浮动【float:right】，可以看到DIV是从右向左排列的。现在朋友们知道怎么使用浮动代码了吗？