第一次,第二次,第三次

第一次,第二次,第三次

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


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

为什么第一次:第二个这3个字不见了?后面为什么一个显示在左边,一个显示在右边?

正在回答

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

2回答

同学你好!

  1. 第一次,没有显示“第二个”;(div2和div1的宽度是一样的,所以这几个字会到了div的下面)。这个文字是被div3覆盖了,可以加一些其它的代码以达到可以看到“第二个”这几个字。

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

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

  2. 第二次的重叠文字在下面和第一次的原理一样。只是第二次后面没有其它元素了,文字就可以看到了

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

好帮手慕珊 2020-01-30 16:36:20

同学,你好!下面分别回答你的两个问题:

1、关于第一次”第二个“三个字不见了

这种情况是第一个div设置了float:left,使得第一个div脱离了文档流,那么第二个div就占据了原来第一个div的位置,并且被第一个div覆盖了,因此就看不到”第二个“三个字了。

2、后面为什么一个显示在左边,一个显示在右边

下图所示的情况,是第一个div进行了右浮动,即设置float:right,所以到了页面的右边。而第一个div不再覆盖在第二个div的上面,因此第二个div在左侧显示

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

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!


  • 提问者 明月_0 #1
    第一次重叠字是覆盖。 第二次重叠字怎么出现在下面了?
    2020-01-30 17:23:31
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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