質問編集履歴
2
更にテストを重ねてみたので更新しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -53,4 +53,7 @@
|
|
|
53
53
|
同様にインラインブロックにもしてみましたが同様にダメでした。
|
|
54
54
|
|
|
55
55
|
③ググてそれっぽい効果がありそうな行動『flex: 1 0 auto;』っを足してみるとか子要素であるmenu ul liに『display: flex;』をたすとかかいくつか試してみたんですがどれもレイアウト崩れを誘発するだけでした。
|
|
56
|
-
（ググってなぜそれらを書く必要があったのかはわかっていません。うまくいけば後からさらにそれをググる予定でした）
|
|
56
|
+
（ググってなぜそれらを書く必要があったのかはわかっていません。うまくいけば後からさらにそれをググる予定でした）
|
|
57
|
+
|
|
58
|
+
ちなみにインラインブロックmenu ul liに対してインラインブロックを指定し、heigh:62px;でul同様の高さを与えたときは高さは広がってはいます。（:hoverで色を指定し実験してみました）が文字のレイアウトが狂い左上（ﾃﾞﾌｫ的な位置？）に戻ってしまいます。
|
|
59
|
+
そこでFlexbodyを使用している状態ながらもインラインブロックにしているからtext-alignとvertical-alignが効くのかもとも考えましたがだめでした
|
1
タイトルの内容をわかりやすくするように変更させていただきました
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Flexbody使用時子要素の高さを広げたい
|
|
1
|
+
Flexbody使用時に子要素の高さを広げたい
|
body
CHANGED
|
File without changes
|