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

组合使用的问题

按照标准代码敲了box4为什么没按照效果图一样显示在box3里面?还有box4不是以box3为父元素么?为什么我代码里设置了top:10px;后它会显示在网页窗口的顶端10px处而不是在离box3底部的10px处啊?求问各位大神谢谢!

提问者:黄龙天翔 2016-09-17 12:11

个回答

  • 曾老爷子
    2016-09-17 12:21:33
    已采纳

    代码贴上来看看

  • 黄龙天翔
    2016-09-17 16:57:23

    我已经解决了,谢谢你

  • 黄龙天翔
    2016-09-17 16:14:40

    /*下面是任务部分*/

    #box3{

        width:200px;

        height:200px;

        position;relative

    }

    #box4{

        width:99%;

        position:absolute;

        bottom:0;

    }

    </style>

    </head>


    <body>

    <div id="box1">

    <div id="box2">相对参照元素进行定位</div>

    </div>


    <h1>下面是任务部分</h1>

    <div id="box3">

        <img src="http://img.mukewang.com/541a7d8a00018cf102000200.jpg">

        <div id="box4">当我还是三年级的学生时是一个害羞的小女生。</div>