老师帮忙看看对不对

老师帮忙看看对不对

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>float</title>
    <style>
        .div1{
            width: 100px;
            height: 100px;
            background: red;
           float: left;
        }
        .div2{
            width: 300px;
            height: 300px;
            background: blue;
            float: right;
        }
        .div3{
            width: 100px;
            height: 100px;
            background: green;
            float: right;
        }
    </style>
</head>
<body>
    <div class="div1"></div>
    <div class="div2">
        <div class="div3"></div>
    </div>
</body>
</html>

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

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

3回答
好帮手慕码 2019-08-05 10:05:09

同学你好!

同学这里理解的有一点误区。div3的父级右浮动了,那么div3也会跟着父级在右侧显示。

但是如果div3不设置浮动,默认是在父级左侧浮动。如果设置了右浮动,就会在父级右侧显示。

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

所以说,div3设置和不设置右浮动,都会因为父级的右浮动而在页面右侧显示哦

如果帮助到了你 欢迎采纳 祝学习愉快~

慕哥2455504 2019-08-04 22:41:39

这里给div3也设置float:right. 就不是随父元素浮动了 是不是呢?

  • 同学你好~ 在上面回复同学了,同学可以看一下~
    2019-08-05 10:05:45
好帮手慕夭夭 2019-07-12 09:53:43

你好同学,任务要求3中,是让div3继承父元素的浮动属性。

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

建议按照练习题代码给出的提示去设置,如下:

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

祝学习愉快,望采纳。

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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