浮动属性(float)
Posted amandaj
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浮动属性(float)相关的知识,希望对你有一定的参考价值。
1.浮动是一种脱离标准文档流的形式。
作用:浮动就是用来制作多个盒子并排显示,也能设置宽高,负责网页排版
1 float:left; 左浮动 2 float:right; 右浮动 3 float:none; 不浮动 |
浮动的元素,会自动贴着父元素盒子的边。
左浮动:贴左边;
右浮动:贴右边;
重点:浏览器认为浮动的元素是不存在(不会占标准流的位置,占浮动流的位置),所以会影响后面的元素。
2.浮动的注意事项
浮动属性可以理解为一个国家,也有自己的宪法:
1、浮动的元素可以设置width、height、margin、padding 2、浮动的元素不区分行块元素,都能设宽高,并排显示,不独占一行 3、浮动的元素不接受display转换显示模式,因为浮动的元素没有行内、块级元素之分 4、浮动的元素如不设置宽高,会自动收缩宽度,会根据内容撑开 5、浮动的元素不占标准流的位置 6、浮动的元素不能设置margin:0 auto;居中 |
以上是关于浮动属性(float)的主要内容,如果未能解决你的问题,请参考以下文章