0

Can someone help me understand why would wells correctly in Safari and not correctly (overlapping) in Chrome?

This is how it looks in Chrome http://i.imgur.com/OOeTw8b.png

Basically the wells are overlapping in Chrome. (on top of each other)

The code is simply

  <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>
4

1 回答 1

1

这只是一个猜测，但看看你的代码，我想这是因为你的内联样式。您指定的宽度为 100%，但井也将有填充，这将加起来超过父容器的 100%。

并且说，不要使用内联样式。

于 2013-08-15T21:03:32.923 回答