1

私は自分のウェブサイトを再設計しており、現時点ではレイアウトを黒く塗りつぶしています. 私はすべてを中心とするクラスを持っています:

.centre
{
position:absolute;
left:50%;
top:50%;
}

次に、すべてがマージンを使用してオフセットされます。

min-height と min-width を与えるラッパーがあります

#wrapper {
position:relative;
left:0px;
top:0px;
min-height:600px;
min-width:600px;
}

min-width と min-height はどちらも機能しますが、何らかの理由でこのラッパーが適用された後、Web サイトは垂直方向の中央に配置されなくなります。ここでウェブサイトを見ることができます: http://testerwebby.tumblr.com/

これの原因と解決策は何だろうと思っています。
ありがとう、
ディロン・ブラニック。

4

1 に答える 1

1

問題は、ページの本文がブラウザ ウィンドウ全体を垂直方向に満たしていないことです。これは、Firebug を使用して body 要素をホバリングすることで確認できます。ブラウザー ウィンドウ全体が青色になるわけではありません。

次の CSS でこれを修正してみてください。

html, body
{
    height: 100%;
}
于 2012-12-24T01:17:32.743 に答える