div位于移动屏幕底部的位置 [英] Position of div at the bottom of the mobile screen
本文介绍了div位于移动屏幕底部的位置的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有div保存控件,如保存,删除..
我能够将div放在手机屏幕的底部。 $>
问题:
每当手机弹出键盘时,div与另一个控件重叠。
任何解决方案??
提前谢谢
I have div which holds the control such as Save, Delete ..
I was able to place the div at the bottom of the mobile screen.
Problem:
Whenever the keyboard of the mobile popup, the div overlaps the other control.
Any solution??
Thanks in advance
推荐答案
只需改变这样的身体:
Just change body like this:
<body>
<div id="wrapper">
<div id="content">
<div id="cell-left">
<div id="content-left">
<ul>
<li><a href="#">menu item 1</a></li>
</ul>
</div>
</div>
<div id="cell-right">
<div id="content-right" style="position:relative">
Lorem ipsum dolor ... bla bla bla
<div style="position:absolute; left:-185px; bottom:10px; width:180px">This is the div that needs to rest on the bottom vertically align on bottom</div>
</div>
</div>
</div>
<div id="footer">sdsd</div>
</div>
</body>
实际上我改变了这些行:
Actually I've changed just these lines:
<div id="content-right" style="position:relative">
Lorem ipsum dolor ... bla bla bla
<div style="position:absolute; left:-185px; bottom:10px; width:180px">This is the div that needs to rest on the bottom vertically align on bottom</div>
</div>
这篇关于div位于移动屏幕底部的位置的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文