CSS溢出IE VS FF

Question

我想有一個數字的單行，如果行的寬度大於比方說100個像素，我希望有一個水平（x）滾動條出現。

這是很容易在Firefox中實現，但IE保持摺疊列表，並給了我一個垂直（Y）滾動條，以及，我想正確的項目如下出現。

人知道如何做到這一點？

Answer 1

嘗試設置「白色空間」到「NOWRAP」。

Answer 2

因爲一個事實，即有在盒模型爲IE和FF的變化，這樣的事情可能發生，你需要增加的內容區域的寬度（和或高度），然後看。

Answer 3

你可以嘗試把它放在一個DIV，使div的位置是絕對的。 但正如我剛纔的工作，可能會導致FF/Chrome的問題。 所以，你可以把一個IF語句，如：

  <!--[if IE]> 
    <style> 
      .content{ 
      position: absolute; 
      } 
      </style> 
    <![endif]--> 

我只是用我自己來確保我的內容框架坐着不動。雖然你的目的，你可能需要納入告訴文本不換行等

Gdluck

編輯你甚至可以只設置最低寬度的DIV ID？這可能會工作得很好，但如果確實會導致兼容性問題使用IF函數，那麼這又會起作用。

另見http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug顯示瞭如何從IE盒模型進行比較的W3C標準+其他信息的變化（如果你好奇，爲什麼你已經是發生了問題）