前端求助

想请问一下大家,为啥只给图片加了浮动,但是后面的文字却没有跑到图片下面而是在图片右边呢?不是加了浮动的元素会脱离文档流吗
#web前端学习#
全部评论
可以这样理解:img 设置float属性之后会变成浮动元素,导致其他块级元素无法识别该img元素高度,这个时候p标签就会跑到img的下方,但内部的文字/图片任然会识别到该浮动的img标签,就出现了改效果。 清除浮动则可以理解为让其他块级元素也能识别img的高度 学习 --> https://developer.mozilla.org/zh-CN/docs/Web/CSS/float
2 回复 分享
发布于 2022-09-20 20:51 北京
float浮动一开始设计出来就是给图片跟p标签文字排版用的,不加浮动img 跟p独占一行,加了浮动p会跟img对齐,这是p跟img独有的,你给p外面套个div它这效果就没了
点赞 回复 分享
发布于 2022-10-04 15:00 江苏
脱离文档流了
点赞 回复 分享
发布于 2022-09-20 21:38 四川
浮动会脱离文本流, 但是会使得后面的元素line box变短, css规范里面的
点赞 回复 分享
发布于 2022-09-20 18:29 重庆
p标签不是独占一行吧
点赞 回复 分享
发布于 2022-09-20 18:07 广东

相关推荐

不愿透露姓名的神秘牛友
07-04 18:06
点赞 评论 收藏
分享
05-09 12:23
已编辑
华南理工大学 Java
野猪不是猪🐗:给他装的,双九+有实习的能看的上这种厂我直接吃⑨✌们拿它练练面试愣是给他整出幻觉了
点赞 评论 收藏
分享
那一天的Java_J...:他本来公司就是做这个的,不就是正常的游戏客户端和服务器开发,软硬件联动,有啥恶心不恶心的,提前告诉你就是怕你接受不了,接受不了就没必要再往后走流程浪费时间,虽然这公司是一坨。
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
07-03 17:37
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务