CSS之清除浮动
CSS之清除浮动
网页页面中,下面是比较简单的几个清除浮动的方式:
方式一:clear:both
说明:父元素中添加一个新的p标签,并且用关系选择器在CSS中设置,最重要的是clear:both ;
方式二:父元素overflow:hidden/auto
下面示例中div为父元素,里面有若干span子元素。
方法三:父元素设置浮动float:left/right;
缺点:可能影响布局
方法四:伪元素clear:both;(类似方法一)
代码参考来源:https://www.bilibili.com/video/av68495838