位置div與相對位置內部絕對定位div

Question

我在主div內有position:relative div。

我想定位div與id=divBottom到主div的底部。這可能嗎？如果我設置了bottom=0則不會發生任何事情，因爲它的位置相對較好，而bottom=0則從div的相對位置開始計數。

是否可以這樣做，而不是將position的divBottom更改爲絕對值？我知道我可以做到這一點，但我想divBottom保持相對定位。

下面是代碼：

<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>

Answer 1

如果您指定的位置是：相對的，那麼你可以使用頂部或底部，並向左或向右元件相對於移動到它會通常出現在文檔中。

學習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

您可以將bottom:0更改爲top: 70%,divBottom，因爲它的高度固定爲30％。

<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; top:70%;"></div> 
 
    
 
    
 
    
 
</div>