2021-10-8 CSS浮动

1.浮动float 属性用来定义元素在哪个方向浮动，浮动元素会生成一个块级框，直到该块级框的外边缘碰到包含框或者其他的浮动框为止。

2.浮动包括有三个值：left（左浮动）、right（右浮动）、none（默认）。
3.浮动的属性作用:
（1）左浮动（left）指的是向左浮动
（2）右浮动(right)指的是向右浮动
（3）默认值（none）指的是默认值，元素不浮动，并会显示在其在文本中出现的位置
4.左浮动在网页中的效果：
5.右浮动在网页中的效果：
6.none值在网页中的效果：
7.每当我们使用了浮动之后，继续编程下去的话，排版会很乱，这时候我们就得清除浮动

8.清除浮动的三个值：
Clear：left（清除左浮动）
Clear：right（清除右浮动）
Clear：both（清除左右两边浮动）

9.清除左浮动的效果：

10.清除右浮动的效果：

11.除了这种清除浮动的方法，还有一种是在布局中利用overflow：hidden，这个属性的意思是当内容超出或溢出部分时，将溢出部分进行隐藏。

12.overflow：hidden在浏览器中浏览效果：

这是我所学到的CSS浮动，所以我要分享给你们，希望可以帮助到你们。
以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！