CSS属性之float学习心得

全文参考：http://www.linzenews.com/program/net/2331.html我们来看看CSS重要属性--float。

1：float属性

浮动的初衷就是为了文字环绕效果。

看如下代码和demo。

1 <div >2   <div ></div>3   <p>4 Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!5     </p>6   </div>  

 1 .container { 2  width: 300px; 3  height: 300px; 4  border: 1px solid black; 5 } 6 .container .content { 7  float: left; 8  width: 150px; 9  height: 150px;10  background-color: lightpink;11  margin: 5px;12 }

content 元素设置了左浮动，使div元素脱离文档流，文字在其周围坏绕显示。

6：float流体布局 

原标题：CSS属性之float学习心得