2011-08-17 143 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' –