环绕方式问题

环绕方式问题

相关截图:

http://img1.sycdn.imooc.com//climg/6001b84c093ca85615130607.jpg

​div已经脱离标准流了,图层不在原来的位置上了,那文字应该往上移动,那么图片为什么没有覆盖住文字,而是图文混排了

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕燕燕 2021-01-16 16:31:22

同学,你好!div脱离了文档流,图片向左侧浮动,代码中div和p标签是平级关系,div脱离了文档流,p标签会无视这个元素,但p标签内的文本依然会为这个元素让出位置,环绕在周围,也就是同学说的图文混排

祝学习愉快~

  • 提问者 饿少 #1

    为什么文本会让出位置,如果是div的话就不会让出位置

    2021-01-16 20:05:35
  • 时间, 回复 提问者 饿少 #2

    同学,你好,div是块级元素,它会独占一行,所以当块级元素浮动时,脱离文档流,所以会产生重叠的效果。而p标签中的文字内容属于文本流,div浮动后脱离了文档流,但是不会脱离文本流。

    祝学习愉快~~~~

    2021-01-17 09:51:09
  • 提问者 饿少 回复 时间, #3

    明白了,谢谢

    2021-01-17 15:27:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师