.outer
当窗口被调整为比 s 内容更窄时,我想阻止改变形状/大小,如果可能的话,.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 中,如果您将结果面板的大小调整为更薄,您会看到蓝色被推到下一行,然后是绿色方块,我希望外部保持其原始形状/大小,以便三个.inner
s 保持它们的职位。