Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Iphone 立场:iPad上的绝对问题_Iphone_Css_Ipad_Safari - Fatal编程技术网

Iphone 立场:iPad上的绝对问题

Iphone 立场:iPad上的绝对问题,iphone,css,ipad,safari,Iphone,Css,Ipad,Safari,我有一个HTML代码如下 <div>Content table with varying height</div> <div id="buttons"> <TABLE> <TBODY> <TR> <TD>2 buttons here....</TD> </TR> </TBODY> </TABLE>

我有一个HTML代码如下

<div>Content table with varying height</div>
    <div id="buttons">
    <TABLE>
    <TBODY>
    <TR>
    <TD>2 buttons here....</TD>
    </TR>
    </TBODY>
    </TABLE>
    </div>
现在iPad Safari上出现了一个问题。按钮的位置保持固定/粘在屏幕底部…即。如果上面的内容表的高度增加,它会与底部的按钮重叠

是否有任何方法可以避免重叠,而是根据上面的动态高度内容进行定位

试试:

position: relative;
绝对的

该元素相对于其第一个定位(非静态)的祖先元素进行定位

相对的

元素的位置相对于其正常位置,因此“left:20”会在元素的左侧位置添加20个像素

()


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

在Ipad中使用position absolute(绝对位置),或者在Iphone中您需要在元素中使用position absolute(绝对位置),在父元素中使用position Relative(相对位置),但在Ipad和Iphone中重要的功能是添加left:0或right:0

你能澄清你的答案吗?我不明白,我也有同样的问题。它可以在我的iphone上运行,但不能在ipad上运行,然后我添加左和右:0。在ipad上也能正常工作之后^^
position: relative;