容器中有2列(内嵌块)(100％宽).
>左侧列必须具有最小宽度,例如200px,宽度：25％.
右侧栏宽：75％
<style>
.outer {
width: 100%;
border: 1px solid black;
}
.left,.right {
display:inline-block;
}
.left {
min-width: 200px;
width: 25%;
background-color: #dcc2c2;
}
.right {
width: 75%;
background-color: #d0dee8;
}
</style>
<div class="outer">
<div class="left">left</div>
<div class="right">right</div>
</div>
在调整大小之前,直到达到最小宽度为止,这些列并排就是我想要的,但是一旦最小宽度打开,右列就在下一行.
如何使正确的列缩小,但不能落在下一行？
解决方法
添加空格：nowrap和overflow：hidden到outer：
.outer {
width: 100%;
border: 1px solid black;
white-space:nowrap;
overflow:hidden;
}
