CSS div 宽度 - 仅内容宽度..？

Question

我试图让我的 div 成为我的内容的宽度，我可以让它在除 IE 之外的所有其他浏览器中工作，使用:

div#quoteHolder {
  height: 85px;
  display: inline-block;
}

有谁知道如何在 IE 中解决这个问题？

哦，这是 html 代码..

<div id="quoteContainer">
  <div id="quoteHolder">
    <h2>"If you were lucky and lived in Port Melbourne, it might even be your local"</h2>
    <h3>The Age, Epicure. JUNE 22nd 2004</h3>
  </div>
</div>

Answer 1

IE 支持 inline-block，但只支持原生内联的元素。所以，如果你真的想使用内联 block ，你只能使用 span 和 strongs 和 ems，当列表或段落可能更有意义时(并且对于非 CSS 用户来说也会更好地降级。)

但是，如果你在 block 元素上触发 hasLayout(set hasLayout=true in that element)，然后将其设置为 display:inline，它就会神奇地变成 IE 中的内联 block !通过使用属性 hack(我非常喜欢)，您可以毫不费力地隐藏所有非 IE 浏览器的 display:inline。

这是代码，在其所有简短的可爱中:

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;