Question

我有2个div，侧边栏和主窗格。

.main {
    position: absolute;
    min-width: 400px;
    top: 0;
    bottom: 0;
    left: 200px;
    right: 0;
    overflow: auto;
}

.leftSidebar {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width: 200px;
    padding-left: 10px;
    overflow-x: auto;
    overflow-y: scroll;
}

我希望主div在大小小于400px时有一个水平滚动条，但是当内容只是在它减少时才会切断它。我错过了什么？

如果这有帮助，here就是这个的演示。理想情况下，更改窗口的宽度应该向主div添加一个滚动条，但它只会将滚动条放在整个窗口上。

Answer 1

解决方案：http://jsfiddle.net/nnt7ctjr/

通过给.main一个min-width，你强制它留在那些尺寸并溢出视口外，因此整个屏幕都会出现一个滚动条。

因此解决方案是在.main内模仿这种效果。我创建了另一个对象span.content并将其赋予min-width:400px;。现在，当400px div继续缩小时，文本将保留.main维度。

当小于最小宽度时，Div滚动

1 个答案: