CSS的Float（浮动）使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边缘碰到包含框或另一个浮动框的边框为止
浮动设计的初衷为了解决文字环绕图片问题，浮动后一定不会将文字挡住，这是设计初衷
文档流是文档中可显示对象在排列时所占用的位置/空间，而脱离文档流就是在页面中不占位置了
浮动的样式float常见值：
| 值 | 描述 |
|---|---|
| left | 元素向左浮动 |
| right | 元素向右浮动 |
| none | 默认值，元素不浮动，并会显示在其在文本中出现的位置 |
通过代码动的效果：
【JavaWeb】CSS浮动
BD_Marathon2025-12-06 13:45
相关推荐
于慨1 天前
Lambda 表达式、方法引用（Method Reference）语法石小石Orz1 天前
油猴脚本实现生产环境加载本地qiankun子应用从前慢丶1 天前
前端交互规范（Web 端）像我这样帅的人丶你还1 天前
别再让JS耽误你进步了。CHU7290351 天前
便捷约玩，沉浸推理：线上剧本杀APP功能版块设计详解GISer_Jing1 天前
Page-agent MCP结构王霸天1 天前
💥别再抄网上的Scale缩放代码了！50行源码教你写一个永不翻车的大屏适配小领航1 天前
用 Three.js + Vue 3 打造炫酷的 3D 行政地图可视化组件@大迁世界1 天前
2026年React大洗牌：React Hooks 将迎来重大升级PieroPc1 天前
一个功能强大的 Web 端标签设计和打印工具，支持服务器端直接打印到局域网打印机。Fastapi + html