10

これが私の小さな問題です(値は例のためにここにあります):

幅が約500pxのウィンドウがあるとします。私のドキュメントの中に、幅が指定されていない外側のdivがありますが、次のcssがあります。

.outer{
  white-space:nowrap;
  background:blue;
}

このdivの中には、次のプロパティを持つ他の3つのdivがあります。

.t1{
  display:inline-block;
  width:400px;
}

(の幅に注意して400pxください。問題は、行がウィンドウよりも広く、外側のdivが拡張されていないことです。HTMLは次のようになります。

<div class="outer">
    <div class="t1">1</div>
    <div class="t1">2</div>
    <div class="t1">3</div>
</div>

私が達成しようとしているのは、t1クラスに設定せずに、背景が青色の3つの内部divを作成することです。この例で生成されるのは、ウィンドウの幅に制限された青い背景です。

ここで完全な例を参照してください:http://jsfiddle.net/sjCTR/(画面が大きすぎる場合は、左下隅を調整する必要があります)

どういうわけか、外側のdiv幅/内側のdiv背景を設定せずに、css / htmlだけでそれを達成できるのだろうか?

4

2 に答える 2

28

float: leftまたはdisplay: inline-blockに追加し.outerます。

于 2012-04-08T23:28:47.407 に答える
0

オーバーフローを追加:非表示; 幅:100%; 外側に

于 2012-04-08T23:45:59.400 に答える