全文参考:http://www.linzenews.com/program/net/2331.html我们来看看CSS重要属性--float。以下内容分为如下小节:1:float属性2:float属性的特性 2.1:float之文字环绕效果 2.2:f ...
全文参考: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学习心得
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。