保留左/右在Chrome和Firefox上的行为有所不同

我有一个div（Facebook评论插件，因为它的价值）只有以下CSS样式。保留左/右在Chrome和Firefox上的行为有所不同

div.fb-comments 
{ 
margin-left:30%; 
margin-right:30%; 
}

在Chrome上，这会将<div>置于屏幕中央。但是，在Firefox上，它仍然在左边。为什么会这样呢？

2012-03-02 muttley91

您是否为此元素定义了宽度？ – YoannM 2012-03-02 04:43:35

不，我不知道。插件的唯一定义是“数据宽度”，这是内部的东西，而不是整个div。 – muttley91 2012-03-02 04:46:06

然后你应该/可以为此定义一个宽度，然后将margin-left和right设置为“auto”。如果你想要它居中。 – YoannM 2012-03-02 04:47:43

正如YoannM所建议的那样，我为这个元素定义了一个宽度，并且它解决了这个问题。谢谢！

2012-03-02 04:57:15 muttley91

回答