1

一旦页面对于内容 div 内的内容变得太窄,我试图让内容 div 显示一个水平滚动条。目前,我的设置如下:

当前显示

HTML:

<div id="LeftNavigation">
    <div id="TopNav">Menu1</div>
    <div id="BottomNav">Menu2</div>
</div>
<div id="ContentContainer">
    <div style="float: left; width: 500px">Content1</div>
    <div style="float: left;">Content2</div>
<div>

CSS:

#LeftNavigation {
    float: left;
}

#TopNav,
#BottomNav {
    width: 165px;
}

#ContentContainer {
    margin-left: 180px;
    min-height: 150px;
    padding: 10px;
}

我想让我的页面像下图一样工作。我的内容容器的最小宽度为 ...600 像素,然后当页面宽度低于菜单和内容的组合宽度(包括边距)时,会出现一个滚动条。不过,我不知道如何让它正常工作。每当页面变得太窄时,我的 ContentContainer div 就会一直包裹在我的 LeftNavigation div 下方。提前致谢。 所需的显示

4

1 回答 1

0

您需要添加尺寸ContentContainer并添加overflow-x:auto. 滚动条将显示在 ContentContainer 上,而不是您所说明的整个页面。

如果您希望它显示在图表中,您需要制作一个假滚动条并使用 JavaScript 使其工作。

于 2012-12-04T18:56:57.753 回答