質問編集履歴

2

更にテストを重ねてみたので更新しました

2020/09/07 06:09

投稿

eio
eio

スコア9

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

タイトルの内容をわかりやすくするように変更させていただきました

2020/09/07 06:09

投稿

eio
eio

スコア9

test CHANGED
@@ -1 +1 @@
1
- Flexbody使用時子要素の高さを広げたい
1
+ Flexbody使用時子要素の高さを広げたい
test CHANGED
File without changes