如果父元素没有设置高度，子元素是块级元素，没有设置float属性时，父元素的高度根据子元素的高度而撑开，但是如果子元素设置了float属性后，子元素就会脱离了文档流，不会占父级元素的位置，这时父级元素的高度是0，导致父级元素的不能正常显示，因此我们需要清除浮动

1、清除浮动，在子元素后面新增一个元素属性设置clear:both;

2、给父元素添加overflow属性，值为auto【自动】或hidden【溢出隐藏】

3、给父元素新增伪类:after，属性值为clear:both;content:\'\'【通常喜欢这种写法】