与“清除浮动”相关的TAG标签

footer不贴底是因浮动导致父容器高度坍缩，应在其上设clear:both；overflow:hidden虽能触发BFC修复但易裁剪溢出内容；现代推荐用flex布局替代浮动。

高度塌陷源于浮动元素脱离文档流导致父容器无法计算其高度，box-sizing仅改变宽高含义而不影响浮动行为，有效解决方案是触发BFC（如display:flow-root）或伪元素清除。

必须用清除浮动当父容器无高度且子元素全浮动时会导致塌陷；应使用clearfix触发BFC，overflow:hidden有裁剪风险，display:flow-root是无副作用新方案但兼容性有限。

浮动元素的margin不生效？先确认是否触发了BFC直接给浮动元素设margin看似合理，但常发现上下间距“消失”或“塌陷”——根本原因是浮动元素脱离文档流，其margin与父容器或其他非浮动块之间不再按常规盒模型计算。尤其当父容器没清除浮动时，margin-top和margin-bottom往往视...

float:left元素默认横向排列，堆成一列的主因是子项width为100%、父容器坍缩未清除浮动，或盒模型/空白符导致宽度超限；现代布局应优先选用flex或grid。

overflow:hidden的作用是裁剪溢出内容并禁止滚动条出现，它不阻止内容溢出，只阻止用户与溢出部分交互，包括鼠标滚轮、键盘方向键及scrollTo()等滚动操作。

清除浮动在现代布局中越来越不必要，因为float本为图文环绕设计，用其做布局需靠clear等补丁方案解决塌陷等问题；flexbox等现代方案更语义化、无需清除。

::before和::after必须设置content才生效，否则不可见；适用于添加装饰图标、纯CSS图形、清除浮动及自动引号等场景，且需注意定位上下文与display设置。

z-index对浮动元素无效，因float不创建层叠上下文且z-index仅对定位元素生效；需同时添加position:relative和z-index才生效，推荐改用flex或grid布局。

浮动元素脱离文档流，不参与父容器高度计算但影响文本环绕和块级元素布局；父容器高度常为0，需通过BFC或clear清除浮动来修复。