浮动float 1.css提供3种布局机制：普通流（标准流）、浮动、定位 2.float:浮动，{ float：none/right/left}，脱离普通流的inline-block、块、悍内元素的限

最新推荐文章于 2022-05-09 12:41:54 发布

优价实习

最新推荐文章于 2022-05-09 12:41:54 发布

阅读量123

点赞数

文章标签： js html

本文链接：https://blog.csdn.net/weixin_44828588/article/details/114372773

版权

```浮动float
1.css提供3种布局机制：普通流（标准流）、浮动、定位
2.float:浮动，{ float：none/right/left}，脱离普通流的inline-block、块、悍内元素的限制。
含义：漂浮再普通流的上边，覆盖普通标准流。
特性：改变display的显示模式，类似与行内块.但是不会有空隙，当有没有浮动普通流的元素，会到底部。

![在这里插入图片描述](https://img-blog.csdnimg.cn/2021030417010287.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgyODU4OA==,size_16,color_FFFFFF,t_70)