问答详情
源自：2-5 position-inherit

为什么我这父元素和子元素单独在两行

<!DOCTYPE HTML>

<html>

<head>

    <meta charset="utf-8">

    <title>aa</title>

    <style>

        *{padding: 0;

        margin: 0;}

        .per{

            width: 300px;

            height: 300px;

            background: red;


        }

        .son{

            width: 100px;

            height: 100px;

            background: blue; 

            position: inherit;

            left: 100px;

            top: 100px;

        }

    

    </style>

    </head>

    <body>

    <div class="per"></div>

        <div class="son"></div>

    </body>

</html>


提问者：老头儿_ 2018-07-23 20:42

个回答

  • 666的一逼
    2018-07-23 22:18:04
    已采纳

    因为你外层得DIV并没有包裹内层得DIV，DIV是块级元素，自然会显示出两行

    0
  • 爱是万家灯火
    2019-11-05 14:02:11

      <div class="per">

                <div class="son"></div>

        </div>

    这么写


    0