（四）高度崩塌、BFC与幽灵空白节点、元素水平居中

一、高度崩塌

 

二、BFC与幽灵空白节点

 BFC：让空间中的子元素不会影响到外面的布局

触发BFC：

• overflow: hidden
• display: inline-block
• position: absolute
• position: fixed
• display: table-cell
• display: flex

解决问题：

• 使用Float脱离文档流，高度塌陷
• Margin边距重叠
• 两栏布局

三、元素水平居中