重新認識邊框: 跑版問題
在我的範例中，我們使用選擇器將box的邊框設計為400px，但是由於我們設計了border的關係這使得我們的total 的width為brorder+width+border=420px，
如果我們調整border為50px你會發現，整體來到了500px，這時如果我們有許多的排版，你會發現其他的版型會跑到下方去，這是因為加入了broder導致空間不夠的關係，解決的辦法，是重新設定所有元素計算大小的方式，更改為以元素的邊框為主。在css檔案內新增
* {
box-sizing: border-box;
}
以及將body預設提供的margin歸0
* {
margin: 0;
}
如此一來版型 就可以更貼近我們想要的形式
iThome鐵人賽
看影片追技術