如果父包含层没有设置浮动，子包含层设置浮动，会对子包含层的父包含层和父包含层后面的会计元素产生影响！！所以要对父包含层设置清除浮动影响。
当父包含快缩成一条是，用clear：both清除浮动方法是无效的，clear：both一般用于紧邻后面的元素的清除浮动。
这种情况使用overflow：hidden会有效。
盒子模型立体图的层次：
从第一层到第五层依次为：border、content+padding、background-image、background-color、margin
如果父包含层没有设置浮动，子包含层设置浮动，会对子包含层的父包含层和父包含层后面的会计元素产生影响！！所以要对父包含层设置清除浮动影响。
当父包含快缩成一条是，用clear：both清除浮动方法是无效的，clear：both一般用于紧邻后面的元素的清除浮动。
这种情况使用overflow：hidden会有效。
盒子模型立体图的层次：
从第一层到第五层依次为：border、content+padding、background-image、background-color、margin