溢出：滚动 - 侧滚动页面

Question

让div设置为溢出：滚动，但我的内容在页面的一侧运行，尽管事实上我将div的宽度设置为100％。

#main {
     background: #ccc;
     height: 100%;
     overflow: auto;
     margin-top: -8px;
     z-index: 1000;
     padding-top: 4px;
     float: right;
     width: 100%;
     min-height: 100%;
 }

 #main #chat {
     padding-top: -1px;
     padding-left: 0px;
     margin-left: 210px;
     height: 100%;
     width: auto;
     float: right;
     min-height: 100%;
 }

我该如何排序？

此处示例：www.dellserve.co.uk/private

Answer 1

您已将body的宽度设为100％，因此它将延伸100％的屏幕，不包括填充和边距。您的浏览器为body提供了默认保证金：

（我的镀铬有8px）所以你的身体宽度是100％+左边距+右边距，当然超过100％;

给你的身体一个0的余量，你会很好：

body{
    min-width: 100%;
    height: auto;
    font-family: Tahoma, Helvetica;
    margin: 0;
}

Answer 2

从min-width删除body属性。它应该可以正常工作