Twitter Bootstrap 内容在 ie6 和 ie7 中溢出

Question

我知道足够多的 CSS 是危险的，并且使用 Twitter Bootstrap 的流体网格在 IE6 和 IE7 上遇到了一些障碍。有人可以帮我理解我做错了什么吗？我已经在这里和其他地方尝试了一些建议，但总是空无一物。

因为我想在两列文本之间添加空格，所以我创建了两个带有填充的 .inner 类。除了 .span4 内容溢出容器的 IE6 和 IE7 之外，这在所有东西中都像魔术一样工作。

有人可以帮助我了解此填充问题的根源以及我需要做什么吗？非常感谢！

#main {padding: 0 5% 3% 5%;}
.inner-left {padding-right: 5%;}
.inner-right {padding-left: 2%;}


<div id="content" class="fluid-row">
<div id="main" class="span12" role="main">
<div class="row-fluid">
    <div class="span8">
       <div class="inner-left">
          <p>text</p>
       </div>
    </div>

    <div class="span4">
       <div class="inner-right">
         <p>text</p>
       </div>
    </div>
 </div>
 </div>
 </div>

Answer 1

你可以用这个替换你的代码：

<div class="inner-right" style="margin-right:70px">
<blockquote><p>What do you plan to do with your one wild and precious life?</p>
<p><small>Mary Oliver</small></p></blockquote>
</div>

或者你可以编辑你的 app.css 如下：

.inner-right {
padding-left: 2%;
margin-right:70px;
}