CSS备忘录

1, 浮动框(float)会使得元素脱离文档流, 因此不占用文档空间; 因此当一个Div的子元素都为float时会导致该Div高度为0, 这一问题称为"高度塌陷"

为了解决这个问题我们可以在该Div后面添加一个样式

#main:AFTER {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

 

参见 伪元素:AFTER

测试