CSS浮动及清除浮动总结
前言
在很多的布局效果中,标准流都是没有办法完成的,此时就可以利用浮动完成布局。 因为浮动可以改变元素标签默认的排列方式。
浮动最典型的应用:可以让多个块级元素一行内排列显示。
网页布局第一准则:多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动。
一、什么是浮动?
float 属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。
语法:
选择器 { float: 属性值; }
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cd178889fae8981ef3c59b7827616c23.png#pic_center)
二、浮动的特性?
加了浮动之后的元素,会具有很多特性,需要我们掌握的。
1.![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6cd274d33fdc4169f635fcc5f9e9ba0f.png#pic_center)
2.浮动的元素会一行内显示并且元素顶部对齐。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f2b771dd983d38a39514beff2f2fba89.png#pic_center)
注意: