问答详情
源自:13-9 Relative与Absolute组合使用

为什么我的这个“box1”,“box2”,“box3”不偏移呢?

为什么我的这个“box1”,“box2”,“box3”不偏移呢?

<!DOCTYPE html>

<html>

<head>


    <meta charset="UTF-8">

    <title>relative</title>

    <style type="text/css">

    .box {

        width:600px;

        height:120px;

        background: blue;

        display:relative;

    }

     .box1,.box2,.box3{

         width:50px;

         height:40px;

         display:absolute;

         left:100px;

         top:20px;

     }

    .box1 {

        background: red;

    }

    .box2 {

        background: orange;

    }

    .box3 {

        background: green;

    }

    </style>

</head>


<body>

    <div class="box">

        <div class="box1">1</div>

        <div class="box2">2</div>

        <div class="box3">3</div>

    </div>

</body>


</html>

http://img4.mukewang.com/5fb895750001eaa112410792.jpg

提问者:入幕三分 2020-11-21 12:22

个回答

  • 醉流年灬飒月
    2020-11-21 14:23:39
    已采纳

    display:relative; display:absolute;大哥  哪有这个属性?position才对