溢出CSS屬性瀏覽器解釋差異

Question

我只是皮膚的網站，發現溢出：可見呈現從Firefox到IE兩個完全不同的東西。

火狐只是顯示一切容器之外......這樣的：

-------------------------------- 
| div style="overflow:visible" | 
-------------------------------- 
    //overflow content from the div above 

但IE擴展容器，以適應溢...這樣的：

----------------------------------------- 
| div style="overflow:visible"   | 
| //overflow content from the div above | 
----------------------------------------- 

誰知道爲什麼IE以不同方式顯示它，以及如何讓它們以與Firefox相同的方式渲染？

謝謝
馬特

Answer 1

您還沒有這麼說，但我會假設你已經在這裏加一個固定的高度，我想不出任何其他方式來獲得這種效果。

這裏的問題不是溢出，而是高度。 IE瀏覽器不幸地將高度視爲最小值高度，所以如果你讓它（如溢出：例如可見）擴展文本框。在Firefox中獲得IE效果是微不足道的 - 您可以應用最小高度而不是高度，但我不相信有一種方法可以直接在IE中重現Firefox效果：它不是那麼靈活。 但是，我可以想象一種欺騙效果的方式，如果它是純粹的圖形效果，可以使用帶有repeat-x的背景圖像來繪製一條可能需要的線條。否則，你可能會考慮插入額外的標記，從來沒有好的。