html - 溢出:自动给出了一个丑陋的滚动条，我该如何摆脱它？

Question

好吧，我一直在制作一个网站，我遇到的一个问题是内部 div #content 没有扩展到页面的完整大小，让文本以一种草率的方式流过很难阅读背景图像。 我用过溢出:自动；解决我的问题，但现在页面上有一个我不想要的滚动条。 以下是管理 body、html 和#content 元素(#content 是一个 div)的 CSS 部分。

body, html {
    height: 100%;
    font-family: Helvetica, Arial, sans-serif;
}
body {
    background-color: black;
    color: white;
    background: url('c12background.jpg');
}
#content {
    height: 100%;
    width: 80%;
    margin: auto;
    padding: 5px 5px 5px 5px;
    background-color: black;
    overflow: auto;
}

Answer 1

添加margin:0;

body, html {
  margin: 0;       /* ADD */
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
}