父子关系中，子元素添加浮动，父元素高度会发生变化--------高度塌陷

解决方法：

1、给子元素添加清除浮动（clear:both），添加到不浮动元素身上

2、只有一个子元素，考虑在后面手动添加一个清除浮动的标签，（首选div，选择能够设置宽高的标签）弊端：页面结构中多了一个标签

3、给父元素添加固定高度   弊端：子元素过多时，里面内容会超出溢出

4、给父元素添加{overflow:hidden;}  元素添加overflow:hidden；触发了BFC机制，（块级格式化上下文），形成了一个独立的空间，内部浮动元素的高度参与计算

5、万能清除法