老师看下代码吧。 这样合法吗 0.1px

老师看下代码吧。 这样合法吗 0.1px

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

        .content{

            width:800px;

            height:400px;

            background-color: skyblue;

            box-sizing: border-box;

            padding-top:0.1px;

            /* padding:100px 200px 100px 200px; */

        }

        .top{

            width:400px;

            height:200px;

            background-color: yellow;    

            

            margin-top:100px;  

            margin-left:200px;

        }

    </style>

</head>

<body>

    <div class="content">

        <div class="top"></div>

    </div>

</body>

</html>


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

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

2回答
好帮手慕阿满 2019-08-19 15:22:05

同学你好,这里设置top的左外边距margin-left为200px,设置content的内上边距padding-top为100px,如:

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

不是设置top的margin-top。所以不需要用到0.1px。

祝:学习愉快~

好帮手慕阿满 2019-08-19 10:16:52

同学你好,根据题目要求,设置top的左外边距margin-left为200px,设置content的内上边距padding-top为100px,如:

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

建议同学按照题目要求来完成。

另外1px已经是很小的单位了,设置0.1px没什么效果,通常不会这么设置。

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

  • 提问者 喝喝茶看看书 #1
    padding-top:0.1px; 可是如果不加这行代码 黄块 margin-top:100px; 只是对外部距离100px 而不是蓝块边 距离100px;
    2019-08-19 14:42:10
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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