1

これが私のページです：http：//bad-sf.com/stemtest/about.html

コンテンツがスクロールを必要としないほど小さい場合でも、スクロールはオプションであることに注意してください。それは私のCSSと関係がありますか？（下）：

body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
* {
margin:0;
padding:0;
outline: none;
}
html, body {
height:100%;
font-family: '_.regular';
font-size: 13px;
outline: none;
}
#wrap {
min-height:100%;
width:800px;
margin: 2% auto;
}
#main {
overflow:auto;
padding-bottom: 30px;
}
#smm {
width: 400px;
height: 200px;
float:left;
}

#footer {
position: relative;
margin-top: 0px;
height: 35px;
clear:both;
font-family: '_.regular';
}

ありがとう！私はまだhtmlとcssを学んでいるので、あなたが持っているどんな入力も本当にありがたいです-ダニー

4

2 に答える 2

2

#wrapこれは、104％の高さが原因です。次の規則に注意してください。

body {
    height: 100%;
}
#wrap {
    min-height: 100%;
    margin: 2% auto;
}

つまり、#wrap実際には、高さ100％、上部のマージン2％、下部のマージン2％です。

これに対抗する方法はいくつかあります。

この場合はもう使用されないため、 heightfrombodyおよびオプションmin-heightでfromを削除できます。#wrap

marginに変更できます（ただし、これ#wrapによりmargin: 0 auto;必然的にコンテンツが増加します）。

おそらく他にもいくつかの可能性がありますが、不十分な回答が却下されていることを考えると、もっと崇高な解決策を考えることを強いられているとは感じません。

于 2012-12-06T08:33:00.670 に答える
0

height:100%;からテイクアウトhtml, body { }。とにかくなぜそこにそれが必要だったのですか？

スクロールバーが常に表示される理由は、#wrapDIVも100％の高さに設定されており、その上に2％のマージンがあるためです。これはあなたの体を100％より2％多くすることを強制します。

から2％のマージンを削除できますが#wrap、削除したくない場合は、height: 100%;から削除するhtml, body { }とうまくいくはずです。

于 2012-12-06T08:02:50.983 に答える