怎樣把一個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 關注
- 1041 瀏覽
添加回答
舉報
0/150
提交
取消