padding學習筆記

對於inline元素

1. padding影響水平尺寸 不影響垂直 但是影響背景色
2. inline水平元素的padding百分比值
   
   • 同樣相對於寬度計算
   • 默認的高度寬度細節有差異
   • padding會斷行
3. inline就算是空白元素，padding高和寬也不想等
   
   • 是因爲：inline元素的垂直padding會讓“幽靈空白節點”顯現，也就是規範中的”strut”出現。

對於block元素

1. 即使是設了box-sizing:border-box;
   當padding增大到一定程度時，就會改變容器的寬高
   
2. width:auto 或box-sizing:border-box時，元素尺寸不會改變，內容(骨架)收縮
   

padding的百分比是按照寬度進行計算的，padding不支持任何形式的負值

1.製作正方形的橫幅，可以利用百分比padding爲50%，

其他padding相關

padding·繪製圖形

1. 三道槓
   
2. 白眼
   

padding 佈局

1. 使用百分比單位構建固定比例佈局結構（正方形）
2. 配合margin等高佈局
   
3. 兩欄自適應效果