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

来源:2-5 position-inherit

老头儿_

2018-07-23 20:42

<!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>


写回答 关注

2回答

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

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

    老头儿_

    非常感谢!

    2018-07-25 15:50:02

    共 1 条回复 >

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

      <div class="per">

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

        </div>

    这么写


css定位 position

老师带你了解CSS中定位的知识,并运用到实际案例中。

49044 学习 · 92 问题

查看课程

相似问题