为了账号安全,请及时绑定邮箱和手机立即绑定

现在已经写了box4在box3里定位,那如果想在原来的基础上,再写个box5,box5在box4里定位,该怎么写

现在已经写了box4在box3里定位,那如果想在原来的基础上,再写个box5,box5在box4里定位,该怎么写?

正在回答

4 回答

比如这样:

#box4{

    width:99%;

  position:absolute;

bottom:0px;

}

#box5{

    width:50%;

    position:absolute;

    bottom:2px;

}

</style>

</head>

<body>

<div id="box1">

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

</div>

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

<div id="box3">

    <img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">

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

        <div id="box5">垃圾</div>  

    </div> 


0 回复 有任何疑惑可以回复我~

把box5放在box4的div中,然后参照原来的代码就可以

0 回复 有任何疑惑可以回复我~

用相对定位(relative)

1 回复 有任何疑惑可以回复我~

可以直接设置absolute,然后设置top,left就可以了

position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性父包含块进行绝对定位。

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

现在已经写了box4在box3里定位,那如果想在原来的基础上,再写个box5,box5在box4里定位,该怎么写

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信