2

Bootstrapwellがそれを含む要素 (ここでは a class="row"、 a 内のそれ自体class="span4") を超えていることに問題があります。

ここで行ったJSFidleではっきりと見えます：http://jsfiddle.net/sebastien_worms/fc42w/2/
そしてフルスクリーン：http://jsfiddle.net/sebastien_worms/fc42w/2/embedded/result/

コードの抜粋は次のとおりです。

<div class="span4 pull-right">
    <div class="row">
        <div class="well" style="width:100%;">
            <b>This is the well that bothers me !</b><br> It goes beyond the right end of the screen ... And if you click "inspect element", you can see it goes beyond the right-end of its containing "span4" and "row"...
        </div>
    </div>
</div>

ブラウザーのウィンドウ サイズ (幅 1000px 前後が最も見やすい) で遊んでいると、含まれている要素 (および画面) をはるかに超えることがわかります。

...そして明らかに、私は をwellと同じdivように設定することはできませんspan: http://jsfiddle.net/sebastien_worms/fc42w/3/

wellの100% (のみ) を埋めるにはどうすればよいspan4ですか?

4

1 に答える 1

16

パディングがあるので、これを追加するだけです

.well {
    box-sizing: border-box;
}
  • 最新のブラウザとIE8以降で動作します
于 2012-10-19T16:03:31.007 に答える