浮动属性(float)

Posted amandaj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浮动属性(float)相关的知识,希望对你有一定的参考价值。

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

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

1 float:left;  左浮动

2 float:right; 右浮动

3 float:none;  不浮动

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

左浮动:贴左边;

右浮动:贴右边;

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

2.浮动的注意事项

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

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

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

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

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

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

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

以上是关于浮动属性(float)的主要内容,如果未能解决你的问题,请参考以下文章

CSS里面 的float 属性 浮动 代表啥意思??

float(浮动)的属性和使用方法

float属性

css float属性详解

float浮动属性的基本常识

CSS 浮动 float 属性