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

Question

编辑：我意识到这可能是 Safari 的问题？我在 Firefox 中没有看到相同的内容

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

增强图像：

Answer 1

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

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

例如，对于span6，

.span6 {
    width: 48.717948717948715%;
}

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

margin-left: 2.564102564102564%;

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

span12有 100% 的宽度：

.span12 {
    width: 100%;
}

正是这样，所以四舍五入没有问题。