【JavaWeb】CSS浮动

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

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

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

浮动的样式float常见值:

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

通过代码动的效果:


相关推荐
甲维斯36 分钟前
测一波Kimi K2.7,消耗一周配额!
前端·人工智能·游戏开发
Dick50737 分钟前
ROS2 多机器人通用 Driver 层复盘:BaseRobotDriver 到多平台 Mock 切换实现
前端·javascript·机器人
xiaofeichaichai1 小时前
前端安全 XSS 与 CSRF
前端·安全·xss
JS菌1 小时前
Skills 动态加载系统:让 AI Agent 按需获取领域知识
前端·人工智能·后端
weedsfly1 小时前
Sass 代码复用完全指南:从变量到模块化
前端
张拭心1 小时前
Android 17 新特性:后台音频交互限制加强
android·前端
张拭心2 小时前
Android 17 新特性:ProfilingManager 新触发器
android·前端
weixin_471383032 小时前
Taro-03-页面生命周期
前端·javascript·taro
张拭心2 小时前
Android 17 新特性:MessageQueue 无锁实现
android·前端