前端求助

想请问一下大家,为啥只给图片加了浮动,但是后面的文字却没有跑到图片下面而是在图片右边呢?不是加了浮动的元素会脱离文档流吗
#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 江苏

相关推荐

10-18 13:01
已编辑
西安理工大学 C++
小米内推大使:建议技能还是放上面吧,hr和技术面试官第一眼想看的应该是技能点和他们岗位是否匹配
点赞 评论 收藏
分享
冷艳的小师弟在看机会:jd测评乱点直接被挂了,哭死~
点赞 评论 收藏
分享
点赞 收藏 评论
分享
牛客网
牛客企业服务