【css样式】当子元素设置有float属性时，父元素不能被自动撑开

【问题】当子元素设置有float属性时，父元素高度不能被自动撑开
【原因】浮动float属性会使得元素脱离当前HTML文档流，即当前HTML文档会当作设置float属性的元素不存在。因此也可以看做是父元素内根本没有内容，div在没内容的时候表现正好是高度=0.
【解决办法】
可以给父元素添加clear类

测试！！！

在css样式表中 .clear{ clear:both; } .clear:after { content: ''; display: block; 100%; height: 0; visibility: hidden; clear: both; }