2011-08-17 66 views
1

此示例代碼在Google Chrome和IE中工作,但在Firefox中不起作用。不顯示div滾動條Firefox

滾動條正確地顯示在Chrome和IE,因爲DIV divScrollID21200像素和容器,DIV divScroll大剛700像素

<html> 
    <body> 
    <div id="divScroll" style=" background:green; overflow-y:hidden;width:700px;max-width:700px;min-width:700px;overflow-x:auto;height:14px;min-height:14px;max-height:14px;"> 
     <div style="background:pink; width:1200px;min-width:1200px;max-width:1200px;height:14px;min-height:14px;max-height:14px;" id="divScrollID2">&nbsp;</div> 
    </div> 
    </body> 
</html> 

誰能爲什麼在Firefox中向我解釋,不會出現在divScrollID2滾動條,我怎麼能解決這個問題?

感謝,

托馬索

+1

'width-min'等應該是'min-width'等。 –

+0

是的,你有理由,我寫錯了...但滾動條不出現 –

回答

2

你的高度限制是造成問題的原因。滾動條沒有空間。

+0

謝謝!!!!如果我刪除它的工作高度。但是...我怎樣才能減小div的最小高度? ...我需要降低「divs」的高度,因爲我想只看到滾動條 –

+0

@tommaso - 爲此使用兩個div背後的原因是什麼?如果你只是想看到一個滾動條 - 使用一個div並將高度設置爲21px。你擔心背景顏色,然後使用'background-color:inherit' –