Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将div放置在绝对div的底部,而不使用表格或positoin:absolute_Javascript_Html_Css - Fatal编程技术网

Javascript 将div放置在绝对div的底部,而不使用表格或positoin:absolute

Javascript 将div放置在绝对div的底部,而不使用表格或positoin:absolute,javascript,html,css,Javascript,Html,Css,我正在开发一个webapp,需要将一个div推到另一个绝对定位div的底部。我尝试了bottom:0和vertical align:bottom,但两个div都不起作用。是否有一些方法可以使用CSS将div移动到其父div的底部,而我可能没有想到,或者有一些方法可以使用JavaScript来解决 #包装器{ 位置:固定; 排名:0; 左:0; 身高:100%; 宽度:100%; 背景:rgba(0,0,0,0.5); z指数:1000; } #外{ 左缘:12.5%; 保证金权利:12.5%;

我正在开发一个webapp,需要将一个div推到另一个绝对定位div的底部。我尝试了
bottom:0
vertical align:bottom
,但两个div都不起作用。是否有一些方法可以使用CSS将div移动到其父div的底部,而我可能没有想到,或者有一些方法可以使用JavaScript来解决

#包装器{
位置:固定;
排名:0;
左:0;
身高:100%;
宽度:100%;
背景:rgba(0,0,0,0.5);
z指数:1000;
}
#外{
左缘:12.5%;
保证金权利:12.5%;
利润率最高:5%;
利润底部:5%;
宽度:75%;
身高:75%;
背景:rgb(0,0,0);
z指数:1001;
}
#a{
位置:绝对位置;
宽度:继承;
身高:100%;
}
#内在的{
底部:0;
背景色:白色;
}
.倒置{
颜色:白色;
}
.回复{
颜色:黑色;
}
.文本中心{
文本对齐:居中;
}

话!
0 - 0
这需要在底部

参见下面的代码。另外,请阅读上的
位置
属性

#包装器{
位置:固定;
排名:0;
左:0;
身高:100%;
宽度:100%;
背景:rgba(0,0,0,0.5);
z指数:1000;
}
#外{

位置:相对;/*参见下面的代码。另外,请阅读上的
位置
属性

#包装器{
位置:固定;
排名:0;
左:0;
身高:100%;
宽度:100%;
背景:rgba(0,0,0,0.5);
z指数:1000;
}
#外{

position:relative;/*你为什么不想使用
position:absolute
?你能修改你的标记吗?如果你把
#a
的子代变成
#outer
的直接子代,那么让它工作起来就很简单了。当我在这里使用
position:absolute
时,它已经成为了应该使用的div被移动到底部只是从页面上完全消失。如果有办法不让它消失,或弄乱任何其他间距,我很想看到它。@Dai当我这样做时,将内部div的CSS设置为
位置:绝对;底部:0;
,div跳到窗口的最底部,而不是黑色div的底部在演示中,我制作了一个jsfiddle来演示:为什么不想使用
位置:绝对的
?你能修改你的标记吗?如果你把
#a
的孩子变成
#外部的
的直接孩子,那么让它工作起来就很简单了。当我在这里使用了
位置:绝对的
时,它已经成功了使应该移动到底部的div完全从页面消失。如果有办法不让它消失,或弄乱任何其他间距,我很想看到它。@Dai当我这样做时,将内部div的CSS设置为
位置:绝对;底部:0;
,div会跳到窗口的最底部,而不是d的底部iv在演示中是黑色的。我制作了一个JSFIDLE来展示:我做了类似的事情,但我想我一次只能得到一半。谢谢!我做了类似的事情,但我想我一次只能得到一半。谢谢!