浮动

浮动

1.float 脱离文档流

• 子级浮动会导致父级高度塌陷
  • 触发BFC，可以自动找回高度，使用overflow:hidden
  • block formatting context 块级格式化上下文
• 行内元素设置float会自动转为块级，可设置宽高
• 浮动文本类的标记如果没有指定宽度，浮动后会自动折叠到最小宽度
• 子集浮动始终在父级content块内，不会穿越到padding
• 浮动会影响别的元素
• 如果父级元素没有足够空间放置浮动元素，则会自动换行

2.clear 清除浮动影响