溢出隱藏不能在Firefox上工作

昨天我檢查一個突出顯示的產品幻燈片，我在一個網頁的家中是不是屬性垂直只在Firefox上對齊，它在IE和Chrome上工作正常。溢出隱藏不能在Firefox上工作

我在搜索信息，我發現很多很多年前的FF錯誤。我嘗試了一些我發現的解決方案，但沒有人能夠正常工作

<div id="feature-wrap-container"> 
    <div id="feature_wrap"> 
     <div id="scrollable"> 
      //a list of element floating left 
     </div> 
    </div> 
</div> 

#feature-wrap-container{ 
background-color: #ffffff; 
width: 100%; 
height: 260px; 
} 

#feature_wrap { 
width: 960px; 
height: 260px; 
overflow:hidden; 
position: relative; 
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
} 

#scrollable { 
height:100%; 
}

在Chrome和IE在div是窗口的Firefox上，並在中心feature_wrap對齊到右，使窗口比100％更大。

該幻燈片是基於：http://wordpress.org/extend/plugins/featured-posts-slideshow/，但明顯修改。

在此先感謝。

來源

2012-11-06 ruudy

是否有[jsFiddle]（http://jsfiddle.net）或其他東西，你可以顯示？順便說一句，我能找到它很好。只是減少了'＃feature_wrap'的寬度，並在Firefox中檢查，它正在工作。你面臨的問題是什麼？ –

您是否使用過「檢查元素」來檢查哪些樣式實際上對元素有效，以及它們來自哪裏。這可以快速捕捉到你錯過了關於級聯的一些驚喜。 –

我的主機現在關閉了...我現在無法繼續調試，感謝您的幫助，也許以後.. – ruudy

-1

而不是使用overflow: hidden它更好地如下使用overflow-x: hidden, overflow-y: hidden的：

#feature_wrap { 
width: 960px; 
height: 260px; 
overflow-x :hidden; 
overflow-y: hidden; 
position: relative; 
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
}

來源

2012-11-06 09:42:57

在某些瀏覽器中不起作用。 –

見我創建你here的小提琴，它看起來不錯，我在Firefox。我已經減少了#feature_wrap的寬度，並在Firefox中檢查，它正在工作。你面臨的問題是什麼？

Screenshot

獲取完整圖像here。

來源

2012-11-06 09:46:40

添加寬度大於feature_wrap的元素左側列表。我認爲這會造成bug。 – ruudy

你能更新小提琴並回復鏈接嗎？以便我可以修復它並將您送回。 –

溢出隱藏不能在Firefox上工作

回答

相關問題