为什么Firefox会抛弃div宽度？

Question

请参阅此页：http://www.blakearchive.org/blake/public/exhibits/test.html

在Safari和Chrome中，文字应该是它的位置，但在Firefox中却没有。文本div的宽度为34％，而gallery div的宽度为66％。在Firefox中，我必须将文本div的宽度设置为30％，以使其落入左侧列。

我该怎么做才能解决这个问题？是否有一些独特的Firefox引起了这种情况？

感谢。

Answer 1

好吧，我不知道为什么会在Firefox中发生这种情况。我暂时解决了这个问题：

if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1)
{
        $('#contents').css("width", '30%');
        $('#right').css("width", '30%');
}

但这看起来像是黑客。

另一个问题是Firefox没有在文本列的底部拾取填充。可笑了。

Answer 2

添加

-moz-box-sizing: border-box;

到你的专栏和galleria元素。 Mozilla不使用通用box-sizing并且需要它自己的标识符-moz-box-sizing。