Bootstrap流体布局，错误的边距？

Question

编辑：我知道这可能是 Safari 问题？我在 Firefox 中看不到相同的情况

下图取自 Bootstrap 文档here。我想知道为什么最右边的“Fluid 6”元素右侧有 2px 的边距。该元素不应该一直向右对齐吗？我能做些什么来解决它？

增强图像：

Answer 1

不仅仅是span6，它是任何不是 100% 宽度的东西。

请注意除最后一行之外的所有内容都有此问题。问题是 Bootstrap 将宽度指定为百分比。

例如，对于span6，

.span6 {
    width: 48.717948717948715%;
}

两个span元素之间也有空格，

margin-left: 2.564102564102564%;

将这些相加并不会得到一个很好的偶数，所以我们有时会在一个像素下结束。除了为宽度和边距设置固定值之外，没有什么可以做的。

span12 的宽度为 100%：

.span12 {
    width: 100%;
}

正是如此，所以四舍五入没有问题。