Twitter在ie6和ie7中溢出的Bootstrap内容

我知道足够的CSS是危险的，并且使用Twitter Bootstrap的流体网格与IE6和IE7打了一圈墙。有人能帮助我理解我做错了什么吗？我在这里和其他地方尝试了一些建议，但不断空虚。Twitter在ie6和ie7中溢出的Bootstrap内容

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

content overflows its container in 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>

来源

2012-10-31 sticklechick

可能你的一些截图的帮助下进一步阐述了什么你试图达到目前的事情看起来很好.. –

@RishiKalia，因为这是我在Stackoverflow上的第一篇文章，它不会让我上传截图。但是，随着您的评论，我的声誉跃升到足以让我上传。谢谢！ – sticklechick

您可以试试[bsie]（http://ddouble.github.com/bsie/）Bootstrap IE6兼容库：[http://ddouble.github.com/bsie/](http://ddouble.github .com/bsie /） – 2012-12-12 05:21:17

你可以用这个代替代码：

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

来源

2012-11-01 08:17:20

感谢您将我的注意力引向正确的利润空间！这是一个巨大的帮助。我最终使用*技巧瞄准了IE7。将修改与我最终做了什么的答案。谢谢你，谢谢你，谢谢你。 – sticklechick

@sticklechick我也建议让它成为公认的答案。 – corsiKa

Twitter在ie6和ie7中溢出的Bootstrap内容

回答

相关问题