合理设置margin并结合清除浮动解决间距问题，如使用margin-right配合:last-child去除末项间隙，或通过.box+.box添加左间距避免首项空白，同时用clearfix等方法清除浮动防止父容器塌陷。 …

浮动布局通过Float属性实现元素左或右排列，常用于图文混排与多列布局；需用clear属性、BFC或伪元素清除浮动，防止父容器塌陷，虽被Flexbox和Grid取代，但在旧项目和特定场景仍具实用价值。 浮动布局（Floa…

页脚压缩是因浮动子元素脱离文档流导致父容器高度塌陷，后续元素错位。解决方法包括使用clearfix伪类、overflow:hidden触发BFC或改用flex/grid布局，推荐优先采用现代布局方案以避免此类问题。 页脚…

使用 Float 实现文本环绕：将图片设置 float: left 或 right，文本自动环绕，适用于图文混排；2. 控制范围与清除浮动：用 clear、overflow 或伪元素防止布局错位；3. 现代替代方案：fl…

使用clearfix类可解决浮动元素溢出问题，通过伪元素触发清除浮动；设置overflow: hidden或auto能创建BFC包含子元素，但可能裁剪内容；现代浏览器推荐display: flow-root，无副作用但不…

使用css Float可实现内容块横向排列，通过float:left让元素左对齐并脱离文档流，配合清除浮动避免布局问题，常用于传统布局场景。 使用 CSS float 属性可以让多个内容块在一行内横向排列，这是一种传统但…