相关疑难解决方法(0)

当我尝试使用position: relative/ position: absolute上<th>或<td>在Firefox它似乎并没有工作.

我遇到了仅在firefox中出现的最奇怪的定位问题.

我的HTML:

<article id="one" class="layer"></article>
<article id="two" class="layer"></article>
<article id="three" class="layer">
   <div class="left"></div>
   <div class="right"></div>
</article>

我的CSS:

html, body {
  margin: 0; padding: 0;
  height: 100%;
  width: 100%;
}

article.layer {
  position: relative;
  display: table;
  height: 100%;
  width: 100%;
}

article .left, article .right {
  position:absolute;
  width: 50%;
  height: 100%;
  min-height:100%;
  display:table;
}

article .left { left: 0; top: 0; }
article .right { left: 50%; top: 0; }

所以每篇文章都设置为display:table100%宽度和100%高度.身体和HTML也是100%宽和高.因此,每篇文章都与当前浏览器窗口的大小完全相同.

请注意,每个article.layer都设置为position:relative.

最新的文章有两个div位于其中, …

我试图让一个<span>坐在固定高度的底部<td>,但它似乎没有工作.

我正在使用Firebug在Firefox中开发,这是我的标记和CSS.

我已经阅读了其他帖子,说明td高度需要修复,我已经做到了,但是我仍然遇到同样的问题.如何将跨度定位在td的底部？

<td class="details_amount">
  <span class="item_total_price">
    £<span id="amount_99201100099">49</span>
  </span>
  <br>
  <span class="person_price">£5</span>
</td>

td {
    height: 55px;
    padding-top: 1.8em;
    vertical-align: top;
}

.item_total_price {
    height: 100%;
}

.person_price {
    bottom: 0;
    position: relative;
}