Iphone 立场:iPad上的绝对问题
我有一个HTML代码如下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>
<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;