チャットワークのような三分割デザイン

Question

チャットワークのような三分割（サイドメニュー＋チャット画面）のサイトをHTML＆CSSで作ろうと思っています。
その場合HTMLではどのような記述が正しいのでしょうか？おすすめの記述方法があれば教えてください。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

単純に3分割のレイアウトにしたいなら、CSS の flexbox を利用するのがおすすめです。
他にも方法はありますが、一番簡単なのが flexbox だと思います。
CSS flexbox などで調べると、わかりやすく説明している記事がありますので、調べてみてください。

Comments

[bababapapa]

やはりflexboxを使ったほうがいいんですね！
詳しく調べてみます。
ありがとうございました。

Answer 2

作成した HTML のコードを検証するサイトがあります。
Markup Validation Service

メッチャ便利です。