標題：box-sizing 容器寬度的應用
出處：A.PAO designSTUDIO BLOG
時間：Tue, 19 Dec 2017 09:37:12 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/1253/
內容：
box-sizing 似乎很不錯。但是做比較複雜的CSS設計時，有優點有缺點。
優點：可以快速地讓母容器縮小至所設定的大小。
缺點：但是內部尺寸卻不是很好計算。包括其內的子容器大小如果有其他設定，img, span, a, 等改變diaplay屬性後還是要經過計算
點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=2895
▼box-sizing 將內容縮小至容器寬度（似乎高度沒有縮小）
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
▼CSS部分
▼HTML部分
width: 300px; height: 100px;
padding: 50px;
width: 300px; height: 100px;
padding: 50px;
Generated by Bo-blog 2.1.1 Release