前端求助

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

相关推荐

头像
小熊之
04-12 17:49
中国矿业大学（北京） 数学类
点赞 评论 收藏
转发
头像
小炒田螺
03-29 19:16
东华理工大学 计算机类
点赞 评论 收藏
转发
头像
牛客531499279号
04-12 16:11
门头沟学院
点赞 评论 收藏
转发
头像
1223354984
04-10 21:43
门头沟学院 计算机类
点赞 评论 收藏
转发
头像
测试摆渡媛
03-26 16:57
武汉轻工大学 计算机类
软测求职日记(3)
金山云软件测试校招岗一面1.自我介绍2.java构造器3.算法题，两数之和4.java面向对象的特征5.==和equals的区别6.局部变量和成员变量7.get和post的区别8.测试用例的常用方法9.selenium元素定位的方法10.linux实时查看日志11.查看指定字符串12.数据库左连接和右连接的区别…还有一些忘了，有几个回答不出来，有几个回答得不太好，应该45分钟的面试就面了20分钟。整体感觉，面试节奏很快，面试官有自己的节奏，不太在意你的简历和回答…凉得快反问的时候问了下培养方式，面试官说校招岗的话是没有实习期培训期的，入职后要能直接上手，也会有人带。总共3轮技术面，1轮hr面。感受到了大厂和中小厂的区别，大厂的话java基础、算法是一定得过关的…
点赞 评论 收藏
转发
点赞 收藏 评论
分享

招聘动态

查看更多

网易游戏（互娱）

2025届实习生培养项目

滴滴

2025届秋招储备实习生招聘

全站热榜

正在热议
# 牛客帮帮团来啦！有问必答 #
821973次浏览 13035人参与
# 机械制造薪资爆料 #
320025次浏览 3732人参与
# 晒一晒我的offer #
3467186次浏览 55259人参与
# 0offer是寒冬太冷还是我太菜 #
427975次浏览 4945人参与
# 你觉得找工作该拿大厂还是小厂练手 #
61616次浏览 872人参与
# 荣耀求职进展汇总 #
70621次浏览 717人参与
# 如果可以选，你最想从事什么工作 #
186061次浏览 3078人参与
# 实习生应该准时下班吗 #
80737次浏览 592人参与
# 金三银四，你有感觉到吗 #
329190次浏览 4222人参与
# 海康威视求职进展汇总 #
101594次浏览 1217人参与
# 正在春招的你，也参与了去年秋招吗？ #
136461次浏览 1705人参与
# 实习必须要去大厂吗？ #
13837次浏览 219人参与
# 实习工作，你找得还顺利吗？ #
42422次浏览 469人参与
# 我在牛爱网找对象 #
49803次浏览 322人参与
# 软件开发投递记录 #
479139次浏览 7243人参与
# 宁德时代求职进展汇总 #
37057次浏览 413人参与
# 国企vs私企，你更想去？ #
20271次浏览 205人参与
# 求职遇到的搞笑事件 #
19675次浏览 287人参与
# 想实习转正，又想准备秋招，我该怎么办 #
117847次浏览 1328人参与
# 正在实习的你，有转正机会吗？ #
106422次浏览 1043人参与
牛客网
牛客企业服务