私のウェブサイトは関係なく、私はそれをズームイン、ズームアウト

Question

私のウェブサイトはここではないどこまでスクロールバーを持っていませんそれでもスクロールバーが表示されます。私はそれがあるため、ここで私のCSSのかもしれないと思う：

html,body { 
    height: 100%; 
} 

* { 
    -moz-box-sizing: border-box; 
} 

body { 
    background-color: #ededed; 
    color: #424242; 
    margin: 0; 
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-size:14px; 
    line-height:1.428571429; 
} 

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:1.1;color:#333}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1} 
h1,.h1{font-size:48px;line-height:52px} 
h2,.h2{font-size:36px;line-height:42px} 
h3,.h3{font-size:28px;line-height:36px} 
h4,.h4{font-size:24px;line-height:25px} 
h5,.h5{font-size:20px;line-height:24px} 
h6,.h6{font-size:18px;line-height:24px} 

h1, p { 
    font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: normal; 
    margin: 0; 
    padding: 0; 
} 

a { 
    color:#3282e6; 
    text-decoration: none; 
} 
a:hover, a:focus { 
    color:#165db5; 
    text-decoration:underline; 
} 
.row:before, .row:after { 
    display: table; 
    content: " "; 
} 

.text-center{text-align:center} 

.container { 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 177px; 
    max-width: 1170px; 
    padding-right: 15px; 
    padding-left: 15px; 
} 

@media screen and (max-width:768px) 
{ 
    .container { 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 60px; 
    max-width: 1170px; 
    padding-right: 15px; 
    padding-left: 15px; 
    } 
} 

#footer {position: relative; z-index: 10; height: 3em; margin-top: -3em; background-color: #EEEEEE} 
html, body, .container { height: 100%;} 
body > .container { height: auto; min-height: 100%; } 

申し訳ありませんが、私は本当に愚かな何かをやっているならば、私はこのようなものでnoobのです。

Answer 1

1. あなたの問題を解決する必要があることを

body > .containerから min-height: 100%を削除 html, body { margin: 0; padding: 0; }

を追加します。

少なくとも100％のビューポートに続いて3emの高いフッターがあるコンテナを使用すると、常にスクロールバーが表示されます。

Answer 2

コンテナdivのmargin-top:177px をpadding-top:177pxに置き換える必要があります。

お試しください。私はこれについて話している。

これを置き換えます。これで

.container { 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 177px; 
    margin-bottom: 30px; 
    max-width: 1170px; 
    padding-right: 15px; 
    padding-left: 15px; 
} 

を：いないようです

.container { 
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 177px; 
    margin-bottom: 30px; 
    max-width: 1170px; 
    padding-right: 15px; 
    padding-left: 15px; 
}