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

如题所述

可以用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的右下角:

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-08-31
外层div的样式用相对定位,里面div的属性加上绝对定位
第2个回答  2011-09-02
怎么把一个DIV放到另一个div右下角
伴级俘触文作贩煮盟挪本回答被提问者采纳
第3个回答  推荐于2018-06-06
可以借助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设置为绝对定位;本回答被网友采纳
第4个回答  2011-08-31
<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>

怎么把一个DIV放到另一个div右下角
可以用css定位把一个div放到另一个div右下角。1、新建html文档,在body标签中添加一个div标签,然后在这个div标签内再添加一个div标签,为外面的div标签添加“container”类,里面的div标签添加“inner”类:2、在head标签内添加style标签,为“container”类和“inner”类分别设置样式,这时默认情况下内d...

怎样把一个DIV放到另一个div右下角
可以借助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...

怎样把一个DIV放到另一个div右下角
可以通过绝对定位实现。父div设置postion:relative;子div设置postion:absolute;right:0;bottom:0;

怎么把一个DIV放到另一个div右下角
<div class="a1" style="width:400px; height:80%; border:#CCCCCC 1px solid; margin:10px;">上面一个DIV<\/div> <div class="a2" style="width:150px; height:14%;border:#CCCCCC 1px solid; float:right;">右下角的DIV<\/div> <\/div> ...

如何将一个div放在另一个div之上
:可以借助CSS定位来实现,将右下角的那个DIV放在另一个DIV里面,参考代码如下示:<divid="box1"><divid="box2">测试内容

js如何让一个div显示在另一div的右下角?
<style type="text\/css"> <!-- div1{ background:#eee; float:left; position:relative;} div2{ background:#ddd; height:100px; position:absolute; bottom:-100px; right:-100px; width:100px;} --> <\/style> <\/head> <body> <div id="div1"> <p>div1内容可变,宽高不固定<\/...

怎么把一个DIV放到另一个div右下角
<div style="width:500px; height:500px; margin:0 auto; background-color:b3b3b3;"><div style="width:100px; height:100px; background-color:#FF0000; margin-top:400px; margin-left:400px;"><\/div><\/div>

css div中定位右下角
<div class="A"> <div class="B"> 我是b <\/div> <\/div> css代码:{ padding:0; margin:0;} .A{ position:relative; width:400px; height:400px; border:1px solid #000;} .B{ position:absolute; right:0px; bottom:0px; width:100px; height:100px; background-color:red;} ...

div内位置 在一个大点的div的右下角加上几个字,不知道用什么方法加了...
div默认的排列方式是在左上角,所以要想在右下角,这里提供一个方法给你:1、在大的div的position属性设置为relative 2、在大的div里定义另一个div,position属性设置为absolute 3、相对于大的div,设置小div的left top等属性 使用绝对定位是最简单的啦,可以试试看 ...

怎样让一个div里的div自己调整位置?
"\/ 如何让p里面的p出现滚动条?1、打开dw,新建一个html页面,进入html页面编辑。2、在代码的body中间编写一个p层。3、将这个新建好的html页面跟编写好的p利用快捷键“ctrl+s”另保存到知道的目录下。4、点击dw的文件按钮,在弹出的下拉框中,选择“新建”。5、在新建的窗口中,找到“css”这一栏...

相似回答