質問: ### 前提・実現したいこと cssのflexboxを使用して、はじめの子要素の幅、高さを他の子要素に適用する方法がわかりません。 はじめの子要素:画像 その他の子要素:テキスト 画像のサイズをテキスト部分に適用したいです。 もし、画像のサイズよりテキストのサイズが大きければ、テキストのサイズを画像のサイズに合わせ縦スクロールのレイアウトにしたいです。 ### 該当のソースコード ``` item 1 item 2 ``` ``` .menu { display: flex; } .item-img > a { display: block; } .item > a { display: block; overflow-y:scroll; } ``` ### 試したこと ・親要素をflexに設定 ### 補足情報(FW/ツールのバージョンなど) bootstrap
回答: > > kei344 2019/03/30 20:13 > > 画像の縦横比は固定ですか。それともいろいろな縦横比のものがありますか。 > > ↓ > > nobu09 2019/03/30 20:21 > > 色々な縦横比のものがあります。 > > > CSSだけでは難しいと思います。JavaScriptで最初の要素の高さを取得し、他の要素の高さに設定していくなどする必要があります。