溢出：auto给出了一个丑陋的滚动条，我该如何摆脱它？

Question

好的，所以我一直在创建一个网站，我遇到的一个问题是内部div #content没有扩展到页面的完整大小，让文本以一种草率的方式流过很难阅读背景图片。 我用过overflow：auto;解决我的问题，但现在有一个我不想在页面上滚动条。 以下是管理body，html和#content元素的CSS部分（#content是div）。

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;
}

Answer 2

您不必在overflow中添加#content，而是在word-wrap代码中添加P：

p,a,li{
  word-wrap: break-word;
}