[TOC] <br/><br/><br/> # <b style="color:#4F4F4F;">簡介說明</b> ``` 版本：規格指定 作用：規格指定 ``` <br/> # <b style="color:#4F4F4F;">規格制定</b> <br/> # <span style="color:#619BE4">box-sizing</span> ***** 允許你以某種方式定義某些元素，以適應指定區域 <br/> ### 參數說明 <b style="color:#808080;">str:</b> * 類型：字符串 * 默認值：無 * 描述：適應指定區域 * 可選值：[ content-box | border-box | inherit ] <br/> # <span style="color:#619BE4">overflow</span> ***** 超出顯示樣式 <br/> ### 參數說明 <b style="color:#808080;">overflow-x:</b> * 類型：字符串 * 默認值：無 * 描述：水平超出顯示樣式 * 可選值：[ ] <b style="color:#808080;">overflow-y:</b> * 類型：字符串 * 默認值：無 * 描述：垂直超出顯示樣式 * 可選值：[ ] <br/> # <span style="color:#619BE4">margin</span> ***** 外邊距 <br/> ### 參數說明 <b style="color:#808080;">margin-top:</b> * 類型：字符串 * 默認值：無 * 描述：外邊距 * 可選值：[ ] <b style="color:#808080;">margin-left:</b> * 類型：字符串 * 默認值：無 * 描述：外邊距 * 可選值：[ ] <b style="color:#808080;">margin-bottom:</b> * 類型：字符串 * 默認值：無 * 描述：外邊距 * 可選值：[ ] <b style="color:#808080;">margin-right:</b> * 類型：字符串 * 默認值：無 * 描述：外邊距 * 可選值：[ ] <br/> ### 注意事項 ``` 1. 外邊距合并：當兩個垂直外邊距相遇時，它們將形成一個外邊距。合并的外邊距的高度等于兩個發生合并的外邊距的高度中的較大者。 解決方法： 1) 可以直接改變其中一個的外邊距的值，使之達到想要的效果。(推薦使用) 2) 添加overflow。(BFC方式不推薦使用) ``` # <span style="color:#619BE4">padding</span> ***** 內邊距 <br/> ### 參數說明 <b style="color:#808080;">padding-top:</b> * 類型：字符串 * 默認值：無 * 描述：內邊距 * 可選值：[ ] <b style="color:#808080;">padding-left:</b> * 類型：字符串 * 默認值：無 * 描述：內邊距 * 可選值：[ ] <b style="color:#808080;">padding-bottom:</b> * 類型：字符串 * 默認值：無 * 描述：內邊距 * 可選值：[ ] <b style="color:#808080;">padding-right:</b> * 類型：字符串 * 默認值：無 * 描述：內邊距 * 可選值：[ ] <br/> # <span style="color:#619BE4">width</span> ***** 寬度 <br/> ### 參數說明 <b style="color:#808080;">str:</b> * 類型：字符串 * 默認值：無 * 描述：寬度 * 可選值：[ fill-available(外部尺寸) | fit-content(內部尺寸) | min-content(內部尺寸) | max-content(內部尺寸) ] <br/> # <span style="color:#619BE4">height</span> ***** 高度 <br/> ### 參數說明 <b style="color:#808080;">str:</b> * 類型：字符串 * 默認值：無 * 描述：高度 * 可選值：[ ] <br/> # <span style="color:#619BE4">max-width</span> ***** 最大高度 <br/> ### 參數說明 <b style="color:#808080;">str:</b> * 類型：字符串 * 默認值：無 * 描述：最大高度 * 可選值：[ ] <br/> # <span style="color:#619BE4">min-width</span> ***** 最小寬度 <br/> ### 參數說明 <b style="color:#808080;">str:</b> * 類型：字符串 * 默認值：無 * 描述：最小寬度 * 可選值：[ ] <br/> ### 示例內容 <span style="color:red;">1. 舉例說明</span> ``` min-width:auto; 最小寬度為內容寬度 ``` <br/> # <span style="color:#619BE4">max-height</span> ***** 最大高度 <br/> ### 參數說明 <b style="color:#808080;">str:</b> * 類型：字符串 * 默認值：無 * 描述：最大高度 * 可選值：[ ] <br/> # <span style="color:#619BE4">min-height</span> ***** 最小高度 <br/> ### 參數說明 <b style="color:#808080;">str:</b> * 類型：字符串 * 默認值：無 * 描述：最小高度 * 可選值：[ ] <br/> # <span style="color:#619BE4">[fut]-aspect-ratio</span> ***** 為 box 容器規定了一個期待的縱橫比，這個縱橫比可以用來計算自動尺寸以及為其他布局函數服務 <br/>