怎样把一个DIV放到另一个div右下角
2 回答
慕慕森
TA贡献1856条经验 获得超17个赞
可以借助CSS定位来实现，将右下角的那个DIV放在另一个DIV里面，参考代码如下示：
<div id="box1">
<div id="box2">测试内容</div>
</div>
<style>
<!--
#box1{width:600px;height:600px;background:green;position:relative}
#box1 #box2{width:200px;height:200px;background:red;position:absolute;right:0;bottom:0}
-->
</style>
父对象相对定位，子对象以父对象为参考点绝对定位；
外层的div设置为相对定位，内层的div设置为绝对定位；
饮歌长啸
TA贡献1951条经验 获得超3个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
div{
width:500px;
height:500px;
border:1px solid #000;
}
.div{
margin-left: 501px;
}
</style>
<body>
<div></div>
<div class="div"></div>
</body>
</html>
- 2 回答
- 0 关注
- 992 浏览
添加回答
举报
0/150
提交
取消