Overflow: Auto gibt eine hässliche Scrollbar, wie kann ich es loswerden?

Question

Ok, also habe ich eine Website erstellt und ein Problem, das ich damit hatte, ist, dass der innere div # content nicht auf die volle Größe der Seite expandierte, so dass der Text auf schlampige Art und Weise überlief schwer über das Hintergrundbild zu lesen. Ich benutzte Überlauf: Auto; um mein Problem zu beheben, aber jetzt gibt es eine Bildlaufleiste, die ich nicht auf der Seite wollte. Hier sind die Teile des CSS, die die Elemente body, html und #content verwalten (#content ist ein 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

hinzufügen margin:0;

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

Answer 2

Sie nicht overflow in Ihrem #content enthalten müssen, stattdessen hinzufügen word-wrap in Ihrem P tags:

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