質問編集履歴
1
boxBはboxAの中央に表示させたいと思っています
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,18 +1,26 @@
|
|
|
1
1
|
みなさんこんにちは
|
|
2
2
|
|
|
3
3
|
CSSで
|
|
4
|
-
height:100%にしてあるボックスの中にさらに別のボックスを入れて，
|
|
4
|
+
height:100%にしてあるボックスの中にさらに別のボックスを入れて，親要素の縦横中央に表示，さらに高さは中身に合わせて自動的になるようにしたいのですがうまくいきません。
|
|
5
5
|
|
|
6
6
|
外側のボックスをboxA，内側のボックスをboxBとすると
|
|
7
7
|
|
|
8
|
+
内側のboxBはboxAの中央に表示されるようにしたいと思っています。
|
|
8
9
|
|
|
10
|
+
|
|
9
11
|
```ここに言語を入力
|
|
10
12
|
#boxA {
|
|
11
13
|
height:100%;
|
|
14
|
+
position: relative;
|
|
12
15
|
}
|
|
13
16
|
|
|
14
17
|
#boxB {
|
|
15
18
|
height:auto;
|
|
19
|
+
position:absolute;
|
|
20
|
+
top:0;
|
|
21
|
+
bottom:0;
|
|
22
|
+
left:0;
|
|
23
|
+
right:0
|
|
16
24
|
}
|
|
17
25
|
```
|
|
18
26
|
でいけるかと思ったら．．．
|