リキッドレイアウトについて

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
リキッドレイアウトについて
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

html.css

試したこと

現在リキッドレイアウトについて挑戦中なのですが、
正直上手くいっているか分かりません。
自分の認識だとwidthを%指定にすることがリキッドレイアウトなのかなと思っているのですが、
そうではないのでしょうか？
minやmaxを指定しなくちゃいけないのでしょうか？

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[yambejp]

簡潔なソースで例示ください

[m.ts10806]

これだと「リキッドレイアウトで検索して出てきたサンプルコードを試してみてからやりたいことに反映させましょう」くらいの回答になります。
質問は編集できますし、質問要件とは関係ない文言はノイズにしかならないので整理、調整してください

Answer 1

手法の認識としては間違っていないです、ほとんどの場合widthを%で指定することでリキッドレイアウトが実装できます。

ただwidthを％指定することをリキッドレイアウトと呼ぶのではなく、ブラウザの幅がある程度変更されても従来のレイアウトが維持できるレイアウトをリキッドレイアウトと呼んでいます。

レイアウトさえ崩れないのであればmin-widthやmax-widthを指定しなくてもリキッドレイアウトと呼べるものを作成できますし、デザインによっては指定しないとリキッドレイアウトと呼べなくなる可能性はありますね。