- left元素向左浮动;
- right元素向右浮动;
- none默认值。元素不浮动,并会显示在其在文本中出现的位置;
- iherit规定应该从父元素继承float属性的值
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style type="text/css">
7 /*
8 [float的值]
9 float:left左浮动(靠左)
10 float: right右浮动(靠右)
11 foat:none不浮动(正常的文档流)
12 */
13 .box1,.box2{
14 width: 200px;
15 height: 200px;
16 float: left;
17 }
18 .box1{
19 background-color: #00FFFF;
20 }
21 .box2{
22 background-color: #FF7F50;
23 }
24 </style>
25 </head>
26 <body>
27 <div class="box1"></div>
28 <div class="box2"></div>
29 </body>
30 </html>