Css 使用wells的Twitter引导（safari vs chrome）

有人能帮我理解为什么wells在Safari中正确而在Chrome中不正确（重叠）

这就是它在Chrome中的外观

基本上，这些井在铬上是重叠的。（一个接一个）

代码很简单

  <div class='row-fluid'>
        <div class='span4'>
          <div class='well well-large' style='width:100%; display:table; background:#ffffff;'>
            <b>Hosts Down</b>
             data
          </div>
          <div class='well well-large' style='width:100%; display:table; background:#ffffff;'>
            <b>Critical Services</b>
              data
          </div>
          <div class='well well-large' style='width:100%; display:table; background:#ffffff;'>
            <b>Links</b>
               data
          </div>
        </div>
        <div class='span8'>
          <div class='well well-large' style='width:100%; display:table; background:#ffffff; text-align:center;'>
            graphs
          </div>
        </div>
  </div>

东道主倒下
数据
关键服务
数据
链接
数据
图

这只是一个猜测，但看看你的代码，我想这是因为你的内联风格。您将指定100%的宽度，但井也将具有填充，这将增加到父容器的100%以上

---

说这句话，不要使用内联样式。

发布屏幕截图的链接，有人会帮你编辑。我在Chrome中也能用（没有重叠）：也许你应该指定版本和OS。Mac OS Chrome:version 28.0.1500.95。所以它在JSFIDLE中工作得很好——嗯，这就是它在ChromeIt中的外观，可能是代码中的其他内容，因为它在JSFIDLE中独立工作。不确定这有多重要，但Bootstrap 2对吗？不是版本3？什么是“内联样式”？对不起，我是CSS的新手。CSS理想情况下应该是一个外部样式表，否则您必须手动浏览HTML并更新每个

style

属性。哦，好吧，这就是您的意思！是的，我今天一整天都会看。如果我不使用100%的宽度，它会卷起来，不再好看，这是因为您正在将

显示模式设置为
表格
。你为什么这么做？只需将其保留为
block
。