所以我最近为我的客户更新了一个网站，他希望保持这个网站非常简单。通常我设计了网站，使它们具有特定的宽度，然后在页面上水平居中。由于他们要求的画廊，我使网站100％，最小宽度为960px，最大高度为576px。在大多数情况下，她的文本内容是有限的，因此当页面的总宽度达到960px时，只有几页会在Div中产生垂直滚动。 Div框使用overflow-x：auto;命令。这适用于所有页面，除了一个..
例如，以下页面在100％时看起来很棒，当窗口宽度更改为文本需要滚动的位置时，滚动条位于最右侧：http://www.lisagleeson.com/about/
我在以下页面遇到一个小问题：http://www.lisagleeson.com/resume/
此页面内容设置为将内容拆分为2列。理想情况下，当屏幕足够宽时，它会很好，但是当它变小时会恢复到2列。到目前为止，我有它设置2列，它看起来很好，我注意到的唯一问题是垂直滚动条。而不是滚动条在最右边，它刚刚超过2列。有没有办法解决这个问题，滚动条位于最右边？
这是我正在使用的CSS，内容是主要的Div，textContent位于那个内，然后Resume就在那个内。
提前感谢您的帮助...
#content {
width: 100%;
min-width: 960px;
height: 576px;
margin-top:20px;
position: absolute;
background-color: #ffffff;
display: none;
}
#textContent {
min-width: 400px;
height: 515px;
float: left;
margin: -525px 20px 10px 520px;
padding: 10px 0px 0px 20px;
overflow-x: auto;
}
#resume {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap:40px;
-webkit-column-gap:40px;
column-gap:40px;
-moz-column-rule: 1px outset #eeeeee;
-webkit-column-rule: 1px outset #eeeeee;
column-rule: 1px outset #eeeeee;
}
答案 0 :(得分：0)
滚动条应显示在需要滚动的div的最右侧。
如果增加#textContent的宽度，则滚动条将向右移动。将其设置为静态像素大小的问题在于，对于屏幕较小的用户，可以将其推离页面边缘。
尝试将#textContent设置为width:100%，看看是否对您有帮助。