现在已经写了box4在box3里定位，那如果想在原来的基础上，再写个box5，box5在box4里定位，该怎么写
来源：13-9 Relative与Absolute组合使用
qq_一杯咖啡_3
2017-10-19 09:10
现在已经写了box4在box3里定位，那如果想在原来的基础上，再写个box5，box5在box4里定位，该怎么写？
写回答
关注
4回答
-
- xxxxxbilibli
- 2018-02-01 22:58:43
比如这样：
#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://img.mukewang.com/541a7d8a00018cf102000200.jpg">
<div id="box4">当我还是三年级的学生时是一个害羞的小女生。
<div id="box5">垃圾</div>
</div>
-
- xxxxxbilibli
- 2018-02-01 22:53:38
把box5放在box4的div中，然后参照原来的代码就可以
-
- 冬天_嘿
- 2017-10-19 09:37:33
用相对定位（relative）
-
- 栗子Sama
- 2017-10-19 09:36:19
可以直接设置absolute，然后设置top,left就可以了
position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1226115 学习 · 18236 问题
相似问题