Css 溢出：滚动-侧滚离开页面

将div设置为overflow:scroll，但我的内容会从页面的一侧溢出，尽管我将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%;
 }

我该怎么分类呢

---

这里的示例：

从

正文

中删除

最小宽度

属性。它应该可以工作

您为

正文

指定了100%的宽度，因此它将拉伸屏幕的100%，不包括填充和边距。您的浏览器为

body

提供默认边距：

（我有8px铬合金）所以你的身体宽度是100%+左边缘+右边缘，当然超过100%

给你的身体留一个0的余量，你就会变好：

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

---

啊，真可爱。非常感谢。在我的一些旧css中发现了这一点，一定是浏览了一下！