位置:显示中的绝对位置:内联

我有这样的设置:

<div class="item">
  <img src="..."/>
  <span class="item-detail"></span>
  <span class="item-detail"></span>
  <!-- ... -->      
  <span class="item-detail"></span>
</div>
<div class="item"><!-- ... --></div>
<div class="item"><!-- ... --></div>
<!-- ... -->
<div class="item"><!-- ... --></div>

每一个 span S完全位于其内部 div (有 position:relative )铺设在 img 所以 div 从 IMG .

我想显示 div S将适合于一条直线。我只要 div S float:left 但是我不喜欢因为

• 这个 div s'包含的元素不能由它们调整大小
• 只印1-2张 div s到实际打印时的行

所以一个更好的主意似乎是使用 display:inline 上 div 美国 IMG S仍然正确排列,但是,现在,包含的 跨度 S现在被弄乱了-它们似乎是相对于其容器的底部定位的。 div 而不是顶部(至少在FireFox3.6上是这样)。

发生什么事?我怎么能避开这个?