HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (850ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞
96(2): 2023/09/03(日)16:28 ID:Udh4NPPz(1/3) AAS
質問です
div "display: flex" の中のアイテム(div)の高さを親の div 内に収めたいです。
親 div の中に 子 div だけ置くとできるのですが、
子 div の中に h2 と div を置くと、h2 の高さのぶんだけ親 div からはみ出してしまいます。
display: flex で、子 div の中に見出しと overflow-y: scroll な div を置きたいとき、
どうすればはみ出さなくなるでしょうか？
見出しと、スクロールバー有りのコンテンツを置いて flex で並べたいです。
画像ﾘﾝｸ[png]:i.imgur.com
外部ﾘﾝｸ:jsfiddle.net
97(1): 2023/09/03(日)16:39 ID:??? AAS
>>96
子もflexにすると親の高さを継承する
98: 2023/09/03(日)16:42 ID:Udh4NPPz(2/3) AAS
>>96
flex は関係なかったので、最小の例を作りました。
子 div の中に h2 と div を置いて、子 div の高さを親 div と同じにしたいです。
外部ﾘﾝｸ:jsfiddle.net
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.158s*