浮动元素的值

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>