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

浮动属性(float)

时间:2017-10-15 15:00:58      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:区分   ble   自己的   宽度   pad   margin   位置   one   居中   

1.浮动是一种脱离标准文档流的形式。

作用:浮动就是用来制作多个盒子并排显示,也能设置宽高,负责网页排版

1 float:left;  左浮动

2 float:right; 右浮动

3 float:none;  不浮动

浮动的元素,会自动贴着父元素盒子的边。

左浮动:贴左边;

右浮动:贴右边;

重点:浏览器认为浮动的元素是不存在(不会占标准流的位置,占浮动流的位置),所以会影响后面的元素。

2.浮动的注意事项

浮动属性可以理解为一个国家,也有自己的宪法:

1、浮动的元素可以设置widthheightmarginpadding

2、浮动的元素不区分行块元素,都能设宽高,并排显示,不独占一行

3、浮动的元素不接受display转换显示模式,因为浮动的元素没有行内、块级元素之分

4、浮动的元素如不设置宽高,会自动收缩宽度,会根据内容撑开

5、浮动的元素不占标准流的位置

6、浮动的元素不能设置margin:0 auto;居中

浮动属性(float)

标签:区分   ble   自己的   宽度   pad   margin   位置   one   居中   

原文地址:http://www.cnblogs.com/smivico/p/7656270.html

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