位置：絕對問題在iPad上

Question

我有一個HTML代碼如下;

<div>Content table with varying height</div> 
    <div id="buttons"> 
    <TABLE> 
    <TBODY> 
    <TR> 
    <TD>2 buttons here....</TD> 
    </TR> 
    </TBODY> 
    </TABLE> 
    </div> 

還有一個CSS定義爲;

div#buttons{ 
    position: absolute; 
    bottom: 1em; 
    left: auto; 
} 

現在有一個問題，在iPad的Safari瀏覽器。按鈕的位置保持固定/粘到屏幕的底部......即，如果上面的內容表的高度增加，它與底部的按鈕重疊。

有什麼辦法可以避免重疊，而是根據上面的動態高度內容進行定位？

Answer 1

嘗試使用：

position: relative; 

絕對

該元件相對於它的第一被定位（未靜態）祖先元素

相對

元件位於相對於定位到其正常位置，因此「left：20」將20個像素添加到元素的左側位置

（source）

相對允許您調整相對於所述元件位置的 「內容上方」。