场景:父级包含浮动元素解决办法。
浮动元素会产生浮动流,块级元素看不到浮动元素,产生浮动元素的块级元素/文本类属性能看到。
1.直接在最后一个标签加入样式clear:both 清除两边的浮动流,建议不用破坏原有页面结构。
2.使用伪元素解决,伪元素为行级元素。
span::before
span::after
伪元素清除浮动必须是块级元素。display:block; celar:both。
场景:父级包含浮动元素解决办法。
浮动元素会产生浮动流,块级元素看不到浮动元素,产生浮动元素的块级元素/文本类属性能看到。
1.直接在最后一个标签加入样式clear:both 清除两边的浮动流,建议不用破坏原有页面结构。
2.使用伪元素解决,伪元素为行级元素。
span::before
span::after
伪元素清除浮动必须是块级元素。display:block; celar:both。