位置：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ピクセルを追加します。

（source）

相対あなたが "は、上記コンテンツ" に要素の相対位置を調整することができます。