父容器不自动撑开浮动子元素是因为浮动元素脱离普通文档流，导致高度塌陷；overflow:hidden能清除浮动但有裁剪副作用；推荐用display:flow-root创建无副作用的BFC，或直接改用flex/grid布局。

浮动元素导致父容器高度塌陷，若父容器设overflow:auto/hidden触发BFC且内部浮动元素实际高度超限，会意外出现滚动条；推荐用clearfix或display:flow-root清除浮动，优先采用Flex/Grid替代浮动布局。

浮动导致父容器高度塌陷、文字绕排错乱、定位冲突及IE兼容问题，根本原因是脱离文档流；应优先用BFC（如overflow:hidden或display:flow-root）或伪元素清除浮动，避免滥用。

多列浮动元素间隙不一致的主因是高度差异导致浮动“卡位”错乱，并非margin本身问题；需清除浮动、设固定margin-bottom、控制列宽与box-sizing；现代布局应优先选用flex或grid的gap属性。

浮动元素下方出现空隙是因行内格式化上下文（IFC）中行框为基线对齐预留空间，且父容器line-height影响最小高度；根本解法是清除浮动或改用Flex/Grid布局。

应优先弃用float改用flex或grid布局；若必须共存，需确保absolute元素父容器设position:relative以明确包含块，对浮动容器触发BFC（如display:flow-root），并避免transform等触发fixed定位退化。