css浮动

css浮动
浮动元素，是让元素脱离文档流依次排列在父元素的左边或者右边。 浮动元素脱离文档流，在页面中不占用文档流的已近存在的内容
元素脱离文档流之后，都变成可以设置宽高，不在独占一行，在没有设置宽高的情况下，默认宽高由内容撑开
多个浮动元素被设置时，会按照顺序和空间所能容纳下的大小在水平方向和垂直方向排列
浮动的最初作用：适用于文字环绕到浮动元素的
浮动缺点：
1.高度塌陷 在一个父元素中给子元素设置浮动，如果父元素不设置固定高度，那么整个父元素中就没有内容，盒子也不会被撑开
2.解决方案：
2.1BFC

2.2由于设置了浮动，在文档流中脱离了，这会影响到之前的页面元素布局，如果不想让原来的页面受到影响，可以设置clear

clear：
1.left清除左侧浮动的影响
2.right清除左侧浮动的影响
3.both清除影响最大的那个浮动

clear是通过给元素设置外边距来实现的

这个

css浮动最先出现在Python成神之路。