老师好,A选项是红块在前,为什么不是蓝色覆盖红色?

老师好,A选项是红块在前,为什么不是蓝色覆盖红色?

<!--假装我是一段代码-->

正在回答

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

2回答

你好同学 ,如下A选项中 , 只给红色盒子设置了浮动 ,设置浮动的元素是会脱离文档流的 . 脱离文档流你可以理解为悬浮在正常文档流之上 , 所以红色盒子会盖住蓝色盒子哦

http://img1.sycdn.imooc.com//climg/5c87496a0001efef18020519.jpg

祝学习愉快 ,望采纳 .

  • 大冬瓜爱吃鱼 提问者 #1
    那B选项为什么蓝色的没有覆盖红的呢?
    2019-03-12 14:47:03
好帮手慕夭夭 2019-03-12 17:08:16

你好同学  , 像设置浮动的元素 , 如果它前面浮动元素的话 ,那么它会在自己那一行进行浮动 .所以选项B中蓝色盒子设置浮动 , 不会跑到上面去  . 而A中之所以蓝色盒子跑上去是因为红色盒子浮动脱离文档流就不占据文档流位置 ,所以B位置自然往上移动 , 就和上面的盒子重叠了 .

祝学习愉快 ,望采纳 .

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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