float & overflow

一个事实：一个元素浮动，段落内容会围绕该元素

• 浮动元素脱离文档流，却没脱离文本流
  • 文档流，盒模型
  • 文本流，文字内容

float， 使得元素既能设置宽高，又能跟其他元素在同一行

• 浮动元素会生成块框，可以设置宽高
• 脱离文档流，自成一派

一个特性：float，使得父元素高度塌陷

• 为了产生围绕效果设计的特性

overflow，解决父元素高度塌陷

• overflow，溢出父容器的子元素的显示
• 不设置宽、高，子元素在父元素内显示，子元素撑开父容器（边框体现）