关于#css#的问题：问题遇到的现象和发生背景

Question

问题遇到的现象和发生背景

这个css有啥用？

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

清除浮动，在这个元素的后面添加一个。空内容，来让这个盒子有高度。达到清除浮动的效果

关于清除浮动的四种方法 - 前端入门菜鸟 - 博客园 浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除 https://www.cnblogs.com/qq364735538/p/5997134.html

利用伪元素：after清除浮动的原理_越努力，越幸运！！！的博客-CSDN博客_after清除浮动的原理 在网页布局中，浮动是常用的一种方法.clearfix::after{display: block;content: "";clear: both;}这是清浮动的一种常用方法，其中的重点是clear: both;使得元素周围两边都不浮动，因为此属性只对块级元素有效所以必须display: block;为使得元素不可见所以content: "";... https://blog.csdn.net/qq_47008195/article/details/106246769