Question

我在主要div中有position:relative div。

我想将div与id=divBottom放在主div的底部。这可能吗？如果我设置bottom=0没有任何反应，因为它相对定位，bottom=0从div的相对位置计算。

是否可以执行此操作，而不将position divBottom更改为绝对值？我知道我可以做到这一点，但我希望divBottom保持相对定位。

以下是代码：

＆＃13;

<div style="position:absolute;width:100%;height:100%;border:5px solid black;">
  <div id="divBottom" style="width:30%;height:30%;border:1px solid black;position:relative;bottom:0;"></div>
</div>

＆＃13;

Answer 1

如果指定position：relative，则可以使用top或bottom，left或right来相对于文档中通常出现的位置移动元素。

学习css 10个位置步骤click here

另一个click here too

通常我们会这样使用

<div style="position:relative;width:100%;height:100%;border:5px solid black;">
  <div id="divBottom" style="width:30%;height:30%;border:1px solid black;position:absolute;bottom:0;"></div>    
</div>

Answer 2

如果您绝对想保持相对位置，可以添加

top: 70%

到divBottom的样式属性。

Answer 3

您可以将>>> widget("info")更改为bottom:0 top: 70%，因为它的高度固定高度为30％。

＆＃13;

divBottom

＆＃13;

位置div与底部相对位置在绝对定位的div内

3 个答案: