2

私は危険なCSSを十分に知っており、TwitterBootstrapの流動的なグリッドを使用してIE6とIE7で壁にぶつかりました。誰かが私が間違っていることを理解するのを手伝ってもらえますか?私はここや他の場所でいくつかの提案を試しましたが、空っぽになり続けます。

2列のテキストの間にスペースを追加したかったので、パディング付きの2つの.innerクラスを作成しました。これは、.span4コンテンツがコンテナーをオーバーフローするIE6とIE7を除いて、すべてにおいて魔法のように機能しました。

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

1 に答える 1

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;
}
于 2012-11-01T08:17:20.667 に答える