divで左側１つ、右側複数のレイアウトを組みたい

Question

こちらのような組み方の例を探しています。

floatとdisplay:inline-blockを使ってみたものの、思うようにならず困っています。

ＢＯＸ２，ＢＯＸ３，ＢＯＸ４はそれぞれ高さが指定あります。

Comments

[退会済みユーザー]

タイトルの右左が逆ですよ

[Hirakin3]

ですね！指摘ありがとうございます。

Answer 1

今から学ぶなら Grid で組むのがお勧めです。

【CSS Grid Layout を極める！（基礎編）】
https://qiita.com/kura07/items/e633b35e33e43240d363

【5分で完璧に分かる！CSS Gridの基本的な使い方を解説 | コリス】
https://coliss.com/articles/build-websites/operation/css/learn-css-grid-in-5-minutes.html

【CSS Gridを使ったレスポンシブ対応の基本レイアウト | Webクリエイターボックス】
https://www.webcreatorbox.com/tech/css-grid-basic-layout

↓今までのやり方。

【段組みのCSS。】
https://lopan.jp/layout2/

Comments

[Hirakin3]

ありがとうございます！
Grid Layoutは触ってなかったので、これをきっかけに触ってみます。