【JavaWeb】CSS浮动

CSS的Float(浮动)使元素脱离文档流,按照指定的方向(左或右发生移动),直到它的外边缘碰到包含框或另一个浮动框的边框为止

浮动设计的初衷为了解决文字环绕图片问题,浮动后一定不会将文字挡住,这是设计初衷

文档流是文档中可显示对象在排列时所占用的位置/空间,而脱离文档流就是在页面中不占位置了

浮动的样式float常见值:

描述
left 元素向左浮动
right 元素向右浮动
none 默认值,元素不浮动,并会显示在其在文本中出现的位置

通过代码动的效果:


相关推荐
前端布鲁伊10 分钟前
零代码上线一个图片处理网站,我是如何使唤AI干活的?
前端·ai编程
庄小焱10 分钟前
React——React基础语法(2)
前端·javascript·react.js
终端鹿13 分钟前
Vue3 核心 API 深度解析:ref / reactive / computed / watch
前端·javascript·vue.js
console.log('npc')20 分钟前
partial在react接口定义中是什么意思
前端·javascript·typescript
SuperEugene21 分钟前
前端 utils 工具函数规范:拆分 / 命名 / 复用全指南,避开全局污染等高频坑|编码语法规范篇
开发语言·前端·javascript
C澒24 分钟前
微前端容器标准化 —— 公共能力篇:通用请求
前端·架构
llxxyy卢33 分钟前
web部分中等题目
android·前端
若惜43 分钟前
selenium自动化测试web自动化测试 框架封装Pom
前端·python·selenium
Amumu121381 小时前
Js:内置对象
开发语言·前端·javascript
广州华水科技1 小时前
2026年单北斗GNSS变形监测系统推荐,助力精准监控与智慧城市建设
前端