css - 溢出：滚动 - 侧滚动页面

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的chrome）所以你的body宽度是100%+左边距+右边距，当然大于100%；

给你的身体一个 0 的边距，你会很好：

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

Answer 2

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