浮动

浮动

1.float 脱离文档流

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

2.clear 清除浮动影响

原文地址:https://www.cnblogs.com/pq1234/p/7183362.html