【WEB】float 浮动

场景：父级包含浮动元素解决办法。

浮动元素会产生浮动流，块级元素看不到浮动元素，产生浮动元素的块级元素/文本类属性能看到。

1.直接在最后一个标签加入样式clear：both 清除两边的浮动流，建议不用破坏原有页面结构。

2.使用伪元素解决，伪元素为行级元素。
span::before
span::after
伪元素清除浮动必须是块级元素。display：block； celar：both。