CSS 浮动介绍

浮动

添加浮动后

• 默认值宽度将会是0 ，宽度由内容决定

• 占用的空间将会腾出

• 元素高度为auto将会自适应内容高度

• 前面元素浮动后 后面元素如果是块级盒子将会显示在前面元素的底部背景，如果是行盒将会避开，文本都将会跟在前面浮动盒子旁边

盒子里面的内容浮动后，外面包裹的盒子高度坍塌问题

• 第一种 盒子里面最后添加一个div 属性设置clear:both

• 第二种 伪元素 盒子属性 clear::after{content:"";clear:both;display:block}