Question

有时候我打开我的页面，iPad显示它是正确的。主要是我重新加载页面。问题还在于野生动物园。我创建了一个jsFiddle来向您展示我是如何做到的。

<a href="#">         
  <div class="item">                
    <div class="text">Text1</div>         
    <div class="text2"><b>Text2</b></div>         
    <img class="logo" src="http://dummyimage.com/100x50/09f/fff.png" alt="logo"width="100">  
    <div class="balken2">Text3</div>
  </div>
</a>

在Firefox中它很好，Text3 Bar位于最后，另外2个位于动态图像后面，而不是每次都看到相同大小。在ipad上它有时会显示它{{3} }。我怎样才能解决这个问题？谢谢你的帮助！

Answer 1

工作小提琴：http://jsfiddle.net/parkerwyoung/PkCPR/9/

将其放在.item

上

position: relative;

将其放在.balken2

上

position: absolute;
bottom: 0;
width: 150px;
padding-right: 0;
padding-left: 0;

问题是当图像没有加载时，.balken2类在布局中没有什么可引导的。此代码定位它，因此它不必依赖于那里的图像。希望这有帮助！

ipad上的CSS有时候不应该如何

1 个答案: