题解 | #浮动和清除浮动#
浮动和清除浮动
https://www.nowcoder.com/practice/88bcbaee954349f5a8810bfa94ee61a8
题目：请将类为"left"的div元素和类为"right"的div元素在同一行上向左浮动，且清除类为"wrap"的父级div元素内部的浮动。
使用浮动float，则div就塌陷了，即高度为0。添加clear:both清除浮动。
清除浮动的几种方式：
1. 父元素上overflow:hidden; 。超出部分隐藏。当父级元素内的子元素都设置浮动float后，子元素会脱离标准流，不占位，父级元素检测不到子元素的高度，父级元素高度为0，即父元素清除了浮动
2. 在父元素后添加伪元素，即:after，强推！！
:after{
content:"";
display:block;
clear:both;
}
3. 文末添加一个div，置clear:both。
4. 父元素添加 display:inline-block;在同一行显示。效果类似与浮动，区别：其不会脱离文本流，即父元素高度塌陷