みなさんこんにちは
CSSで
height:100%にしてあるボックスの中にさらに別のボックスを入れて,親要素の縦横中央に表示,さらに高さは中身に合わせて自動的になるようにしたいのですがうまくいきません。
外側のボックスをboxA,内側のボックスをboxBとすると
内側のboxBはboxAの中央に表示されるようにしたいと思っています。
#boxA { height:100%; position: relative; } #boxB { height:auto; position:absolute; top:0; bottom:0; left:0; right:0 }
でいけるかと思ったら...
boxBの方も高さ100%になってしまいます。
どのようにすれば良いでしょうか。
よろしくお願いします。
>高さは中身に合わせて自動的になるように
の意味が解かりにくいです..
子要素に floatやpositionの指定が無い限り #boxBの高さは自動で調整されると思うんですが..
#boxA の中央に位置させたいとかそういう意味ですか?
回答3件
あなたの回答
tips
プレビュー