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个像素添加到元素的LEFT位置

（source）

Relative允许您相对于“上面的内容”调整元素位置。

Answer 2

在Ipad或Iphone中使用绝对位置时，您需要在绝对位置中使用绝对位置，并且在父亲内部具有相对位置，但是在ipad和iphone中的重要功能是添加left：0或right：0;

位置：iPad上的绝对问题

2 个答案: