CSS绝对定位能否替代浮动布局-css教程-PHP中文网

position: absolute不能替代float，因二者解决不同问题：float半脱离流、支持文字环绕和影响父高，absolute完全脱离流、不占空间且无环绕；混用时float被忽略，应改用flex或grid。

css绝对定位能否替代浮动布局

不能直接替代，但绝大多数现代场景下——你应该用 flex 或 grid 替代两者，而不是用 position: absolute 去“顶替” float。

为什么 absolute 不能当 float 用？

因为它们解决的是不同维度的问题：

float 是为“图文环绕”和“流式多栏”设计的，它半脱离文档流，文字仍会绕排，父容器高度可被影响（需清除）
position: absolute 是为“精确覆盖”设计的，完全脱离文档流，不占空间、不触发环绕、不参与父容器高度计算
你给一个图片加 float: left，后面段落文字自动绕行；换成 position: absolute，文字直接从原位置开始渲染，图片可能盖在文字上

absolute 强行模拟 float 的典型翻车现场

常见错误写法：img { float: left; position: absolute; }

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

浏览器直接忽略 float，Computed 面板里 float 值恒为 none
图片不再触发文字环绕，而是悬浮在左上角（若父容器没设 position: relative，就相对于定位）
父容器高度塌陷更严重——连浮动残留的 BFC 都没了
响应式失效：top/left 是固定像素值，缩放或换屏后错位

真要替换 float，该选什么？

不是 absolute，而是：

单行并列、等宽/自适应排列 → display: flex（配 flex-wrap 和 gap）
多行网格、复杂区域划分 → display: grid（用 grid-template-columns 直接定义三栏）
仅需图文环绕 → 现代方案是 shape-outside + float（保留 float 但控制绕排路径），或直接用 inline-block + vertical-align
兼容 IE8–11 的老项目 → float 仍是唯一稳妥选择，别硬套 absolute