質問編集履歴
2
更にテストを重ねてみたので更新しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -109,3 +109,9 @@
|
|
109
109
|
③ググてそれっぽい効果がありそうな行動『flex: 1 0 auto;』っを足してみるとか子要素であるmenu ul liに『display: flex;』をたすとかかいくつか試してみたんですがどれもレイアウト崩れを誘発するだけでした。
|
110
110
|
|
111
111
|
(ググってなぜそれらを書く必要があったのかはわかっていません。うまくいけば後からさらにそれをググる予定でした)
|
112
|
+
|
113
|
+
|
114
|
+
|
115
|
+
ちなみにインラインブロックmenu ul liに対してインラインブロックを指定し、heigh:62px;でul同様の高さを与えたときは高さは広がってはいます。(:hoverで色を指定し実験してみました)が文字のレイアウトが狂い左上(デフォ的な位置?)に戻ってしまいます。
|
116
|
+
|
117
|
+
そこでFlexbodyを使用している状態ながらもインラインブロックにしているからtext-alignとvertical-alignが効くのかもとも考えましたがだめでした
|
1
タイトルの内容をわかりやすくするように変更させていただきました
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Flexbody使用時子要素の高さを広げたい
|
1
|
+
Flexbody使用時に子要素の高さを広げたい
|
test
CHANGED
File without changes
|