DIV在Chrome / Firefox中很好，但不是Safari

Question

http://jsfiddle.net/sBKk4/

我正在使用Twitter Bootstrap并构建了页面，Chrome中的所有内容都是正确的。但是，在Safari中查看时，上面提供的代码的底部div不是中心对齐的。

- UPDATE -

好的，我认为我已将其缩小到width css属性，因为某些原因，Chrome与Safari不同？

我将整个事情包裹在名为paraWrapper的div中。

http://jsfiddle.net/sBKk4/

以上代码在Chrome中显示正常但在Safari上不合适。

如果我将宽度更改为720px，那么它在Safari中看起来会很好但在Chrome中不合适..

所以我想我现在的问题是。有谁知道为什么会出现这种差异？

我想我可以通过使用CSS黑客来解决这个问题，但如果我能修复我的代码以获得更加永久性的修复，那就太棒了！

Answer 1

如果您遇到兼容问题，请务必指定div的边距和填充，即使它是0。

padding: 0;
margin: 0;

Answer 2

使用行时，应使用this：

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

记得使用带有类行的div，并使用带有spanX类的div，其中所有跨度的Xs总和为12

并且不要使用center属性。 Bootstrap为您做到了这一点。查看this examples

中的代码