清除浮动 clear:both 和 .clearfix

作者: vioi | 来源:发表于2019-03-03 21:33 被阅读0次

给没有浮动的元素添加clear:both，就会清除元素两边的浮动效果（没有被该元素clear:both的清除的区域，依然会有浮动效果），不浮动的元素以前被浮动覆盖的区域就会脱离浮动元素的·覆盖，紧贴浮动元素下方布局。父元素会被撑开。

.clearfix::after{
          content: "";
          display: block;
          clear: both;
      }

给父元素（没有设置高度）添加类clearfix ，父元素里面的浮动效果就会被清除，此时父元素的高度就是浮动元素的高度，如果父元素里有没float的元素，则浮动的元素依然会覆盖不浮动的元素，可以为不浮动的元素添加clear:both

清除浮动 clear:both 和 .clearfix
给没有浮动的元素添加clear:both，就会清除元素两边的浮动效果（没有被该元素clear:both的清除的区域...
清除浮动
clear both 可以清除对它影响最大的浮动可以解决高度塌陷 .clearfix:after
清除浮动
clear both 可以清除对它影响最大的浮动可以解决高度塌陷 .clearfix:after
11.22 前端学习
清除浮动 clear:left清除左浮动clear:right清除右浮动clear:both清除对它影响最大的浮动...
前端06
清除浮动 clear:left清除左浮动clear:right清除右浮动clear:both清除对它影响最大的浮动...
06 前端学习
清除浮动 clear:left清除左浮动clear:right清除右浮动clear:both清除对它影响最大的浮动...
清除浮动
clear 1.both可以清除对它影响最大的浮动2.可以解决高度塌陷 .clearfix:after
CSS clear both清除浮动
原文地址：CSS clear both清除浮动 DIV+CSS clear both清除产生浮动我们知道有时使用了...
导航条；清除浮动；开班信息
清除浮动属性：clear：清除对自己有影响的浮动可选值 clear：both ----取最大清除浮动大的（清...
清除浮动的几种方法
清除浮动的目的：解决高度塌陷。方法 clear: both 1.0 clear: both 2.0 注意只能使...

网友评论

本文标题：清除浮动 clear:both 和 .clearfix

本文链接：https://www.haomeiwen.com/subject/xggmuqtx.html

清除浮动 clear:both 和 .clearfix