clear:both用来清除浮动这是一直来的印象，但是自己很少会用这个，理解其实也不太正确，今天查查了资料，记录一下
float的脱离文档流
float的原始作用是为了实现文字环绕的作用，可以理解为部分脱离文档流。
CSS中说脱离文档流是指盒子从普通的布局排版中拿出来，其他盒子进行放置时，会当其不存在而进行布局。而脱离文档流分为两种
- 完全脱离文档流：例如
position:absolute，使用绝对定位的盒子，其他盒子无论是其本身还是里面的任何元素都会无视这个绝对定位的盒子进行布局。 - 部分脱离文档流：即
float盒子，使用float属性后，其他block盒子会无视float盒子进行布局，但是其他盒子内的inline元素和inline-block元素依旧会为这个浮动的盒子让出位置。
clear:both
clear:both是作用于添加属性的盒子本身的在一个盒子上添加
clear:both意味着这个盒子的顶边框将会低于在它之前的任何浮动盒子的底外边距。
所以clear:both并不是清除浮动，而是清除浮动所造成的影响，浮动的盒子依旧是部分脱离文档流的。
而clear的取值是left还是right,在我看来是取决于想要低于的那个浮动盒子的浮动方向。而both的取值，则会低于所有在在它之前的任何浮动盒子
清除影响的例子
我们设置三个盒子A、B、C
当三个盒子都左浮动是时：
C设置不浮动时：
给B添加clear:both/clear:left：
可以看到，B本身造成的浮动影响被清除了，他的顶边框在任何在他之前的浮动盒子的底部之下,但是没有浮动的盒子C仍然在AB的下边，其中的字体为浮动的盒子让出了位置。
给父盒子添加伪元素::after
现在，我们用一个div（class:box）包裹住ABC三个盒子，在box之外添加一个盒子out,其中ABC、out全部设置了浮动。现在他们长这样：
去掉out的浮动：
这是理所当然的。
给box添加一个伪元素
.box::after{
clear: both;
height:10px;
width:10px;
background:yellow;
display: block;
content: "";
}
现在外盒子out的浮动影响被清除了，但是这不是因为clear:both清除了浮动，而是因为after伪元素本身的浮动影响清除了，它现在处于任何在它之前的浮动盒子的下面，这也使得box的高度不再塌陷，所以out现在只是处于box下面，这是正常的文档流。
## 结束
这是一个CSS的基础知识点，但是一直没有认真看过，这次整理了一下，如果有错误的话，请看到这篇小文的大佬们指正。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
CSS,clear:both
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
这一波大模型产业落地浪潮里，不少企业其实处在 “干瞪眼“的状态。
一种情况是，很多大模型产品看得见却摸不着，在台上一个个遥遥领先——今天Sora技精四座，明天英伟达的机器人又赢得满堂彩，可是到了台下一问：啥时候能用上啊？答曰：遥遥无期。
另一种情况是，企业想用上大模型，却又难免瞻前顾后——既要考虑场景融合，又得兼顾安全性，还要考虑打通现有系统，再加上各种部署成本和繁琐的采购流程……最后只能拂袖：罢了，再等等吧。
稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！
昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？