2

960px に設定されたラッパー div があり、その中に「スライダー」と呼ばれる別の div があります。次のコードを使用して、スライダーを画面の中央に配置します。

#slider {width:390px; height:100px; position:absolute; 
         margin:-100px 0 0 -200px; top:50%; left:50%; border:1px solid;}

ラッパー div とスライダー div の両方に境界線を追加して、それらが画面上でどのように配置されているかを確認できるようにしましたが、ラッパーが絶対スライダー div を含むように拡張されていないことがわかりました。

ラッパーの高さが正しくなるようにこれを修正するにはどうすればよいですか?

4

1 に答える 1

1

要素で使用するposition:absolute;と、ドキュメント フローの外側に配置され、他のコンテンツに影響を与えません。

可能であれば、削除position:absolute;して他の方法を使用して、スライダー div を中央に配置します。が必要な場合はposition:absolute;、それは不可能です。

于 2012-11-07T10:52:46.767 に答える