以下采取自主学习，可自由选择文档、网课、请教他人等途径

浮动布局重点知识点

**float**属性控制元素的浮动
（注意：浮动会使元素脱离文档流）

• 无浮动float:none``默认值
• 左浮动float:left
• 右浮动float:right

  相关知识总结

  清除浮动

  理解：此处的清除浮动实质是指解决浮动布局中常见的高度坍塌问题
  原理：由于float属性会使元素脱离文档流，导致父元素在默认height:auto的情况下，其计算元素高度时不会考虑到脱离文档的浮动元素，造成浮动元素未被父元素包裹在内部区域，而是独立在外部并影响其他元素

  清除浮动的方法有很多

  1. 利用CSS官方提供专门用于清除浮动的clear属性
     1. clear+后置HTML元素
     2. clear+伪元素
  2. 利用块级格式化上下文，建立独立渲染区域，从而使父元素会考虑浮动元素并将其包裹在内部渲染区域，不再影响外部渲染区域