可能であれば、スタイルを直接適用するだけ.outer
で、ウィンドウのサイズが内容よりも狭くなるようにサイズ変更されたときに、形状/サイズが変化しないようにしたいと考えています。.outer
.outer
HTML:
<div class='outer'>
<div class='inner' style='background:#f00'>
</div>
<div class='inner' style='background:#0f0'>
</div>
<div class='inner' style='background:#00f'>
</div>
</div>
CSS:
.outer, .inner{
display: inline-block;
position: relative;
float: left;
margin: 0;
border: 0;
padding: 0;
overflow: visible;
}
.outer{
/*what to put in here*/
}
.inner{
width:50px;
height:50px;
}
jsfiddle で結果パネルのサイズを変更して薄くすると、青が次の行に押し出され、続いて緑の四角形が表示されます。3 つ.inner
の s が維持されるように、外側が元の形状/サイズを維持するようにしたいと思いますポジション。