- 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>