0

ウェブページの div を垂直方向と水平方向に揃えようとしています。これは非常に頻繁に尋ねられ、私はすべての問題をグーグルで調べていますが、他の人からコードをコピーしようとしても、私のものを動作させることができず、div はウェブサイトの外のどこかに浮かんでいます。私が理解している限り、親 DIV には相対位置が必要であり、子 DIV には絶対位置が必要です。子 DIV の CSS-Tricks から次の情報を取得しました (負のマージンは高さと幅のちょうど半分です)。

width: 850px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -425px;
margin-top: -200px;

例については、私のテスト サイト( jsfiddle ) を確認してください。なぜこれが起こっているのか知っている人はいますか？

4

2 に答える 2

0

あなたのコンテナには実際には高さがありません

たとえば、これを参照してください

http://jsfiddle.net/7TuVm/3/

高さを 2000px に設定しました。ボックスを表示するには下にスクロールする必要があります

height: 2000px;
于 2013-04-19T19:42:38.343 に答える
0

取り除く：

margin-top: -200px;
margin-bottom: -200px;

コンテンツ部門で。そうですか？

于 2013-04-19T19:36:49.623 に答える