css 默認盒子樣式是 content-box, 寬高設定的是內(nèi)容的寬高权旷，設置邊框可能會出現(xiàn)溢出的問題
可以通過設置 border-sizing：border-box
我更喜歡用border-box珠增，因為border-box更靈活一點纽竣，舉個例子奕坟，我在業(yè)務中遇到一個問題扒怖，我的商品詳情頁的一個盒子是高度自適應的疗认，為146px完残，但是在ie8瀏覽器上顯示為146.8px，如何解決横漏，如果對盒子設置height:146px;則會出現(xiàn)被撐高的情況谨设，因為box-sizing默認為content-box，你給元素設置寬高缎浇，只是給元素內(nèi)容設置寬高扎拣，你元素的總高度是heigtht + border + padding所以就會出現(xiàn)撐高，解決方法就是給當前的盒子設置box-sizing: border-box這樣你設置高度為146px時素跺，會默然將元素內(nèi)容的高度進行相應減少來保證整體高度為146px二蓝，這個最大的好處就是你這個盒子有好幾個，而且有不同的padding和border值指厌，解決這個的最好的方法就是給盒子設置border-box
