Twitter引导程序内容在ie6和ie7中溢出

Question

我知道足够多的CSS是危险的，并且使用Twitter Bootstrap的流体网格在IE6和IE7上打了一个墙。有人能帮助我理解我做错了什么吗？我在这里和其他地方尝试了一些建议，但是一直空着。

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

有人可以帮我理解这个填充问题的来源以及我需要做什么吗？非常感谢！

#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;
}