Question

怎么把一个DIV放到另一个div右下角

Answer 1

可以用css定位把一个div放到另一个div右下角。

1、新建html文档，在body标签中添加一个div标签，然后在这个div标签内再添加一个div标签，为外面的div标签添加“container”类，里面的div标签添加“inner”类：

2、在head标签内添加style标签，为“container”类和“inner”类分别设置样式，这时默认情况下内div在外div的左上角：

3、为外div添加样式“position: relative;”，为内div添加样式“position: absolute;right: 0;bottom: 0;”，这时内div将会在外div的右下角：

Answer 2

外层div的样式用相对定位，里面div的属性加上绝对定位

Answer 3

怎么把一个DIV放到另一个div右下角
伴级俘触文作贩煮盟挪

Answer 4

可以借助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设置为绝对定位；

Answer 5

<div style=" position:relative; width:200px; height:200px; background:gray;">
<div style=" position:absolute; bottom:0; right:0; width:50px; height:50px; background:red;"></div>
</div>