これが私の小さな問題です(値は例のためにここにあります):
幅が約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だけでそれを達成できるのだろうか?