码迷,mamicode.com
首页 > 其他好文 > 详细

浮动布局

时间:2014-06-21 00:40:39      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:width   strong   c   文档   ar   布局   

通过float属性设置横向多列布局。

float:

  left   左浮动

  right   右浮动

  none     不浮动

设置了这个属性后,元素会左移或者右移,直到碰触到容器为止。

注意:

  设置了浮动的元素,依然处于标准文档流当中。意味着他会占用标准文档流中的空间,会对其他元素造成影响。

块状元素若是没有设置宽度,这盒子的大小会更具内容的宽度进行变化。

清除浮动的方法:

1.为元素设置clear属性:clear: both (浮动元素的紧邻元素)

2.为元素同时设置width:100%/(固定宽度); overflow: hidden; (父级元素)

浮动布局,布布扣,bubuko.com

浮动布局

标签:width   strong   c   文档   ar   布局   

原文地址:http://www.cnblogs.com/goupb/p/3795607.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!