寬度設定 - daniel-qa/Vue GitHub Wiki

style="width: 100% max-width: 800px"
  • width: 100%

表示這個 < div> 會佔滿 父容器寬度的 100%。

⚠️ 但如果父容器本身沒有明確寬度(例如是 auto),那這行就只是「跟著內容跑」。

  • max-width: 800px

表示即使父容器再寬,它的寬度也不會超過 800px。

📌 常見用法:用來「限制文字區塊的閱讀寬度」,避免全螢幕拉太寬導致可讀性下降。

✅ 結論是:width: 100% + max-width: 800px 的組合就是

「寬度盡量撐滿父層,但最多 800px」。

⚠️ **GitHub.com Fallback** ⚠️