在连续的摘要输出中，今天由Web前端共享，在CSS中进行浮动和清除。进行浮动和删除浮动是我们常用的CSS样式。播放我们会理解它们。
早期角色：图形环绕
当前角色：Web布局?方案：使垂直布局框成为水平布局，例如：一个在左侧，一个在右侧
左漂浮右右浮动注意点：
?浮动元素不能传递 - 中心或边距：0自动
操作结果：
参考页面布局
运行结果：参考页产品布局
运行结果：导航参考
运行结果：编写Web导航步骤：
删除浮动的影响?影响：如果子元素浮动，此时，子元素无法打开块的标准流 - 级别的父元素
原因：?子元素漂浮后，投标→不占据位置
目标：?父元素很高，因此其他Web元素的布局不会影响其他Web元素的布局
1.直接设置父元素的高度
优点：简单而粗鲁，方便
缺点：不能在某些布局中固定父元素的高度。例如：新闻列表，jingdong推荐模块2
方法：
缺点：在页面上添加其他标签，这将使页面的HTML结构变得复杂
3.单伪元素清除方法
方法：除了带有伪元素的其他标签除外
优点：在项目中使用，直接添加标签以删除浮动
4.伪元素清除方法
方法：
优势：
在项目中使用，直接添加标签以卸下浮动
5.设置溢出：父元素的隐藏方法：set ouverflow：直接隐藏到父元素
优点：方便
参考
操作结果：
块格式上下文：BFC?是网页的Visual CSS渲染的一部分。它是盒子布局在块过程中的区域，而浮动元件与其他元素相互作用的区域。
创建BFC方法：
BFC框的常见功能：
最终分享一个句子：
真正的朋友，无论他们是彼此认识的，如果彼此认识，他们都必须彼此珍惜。
就是这样！交叉剖面
欢迎在评论区域中留言！交叉开采
原始：https：//juejin.cn/post/7099272584901951524