前端簡單入門第五講 CSS基礎(二)——盒子模型、浮動與位置

盒子模型 CSS裏面有句話叫萬物皆盒子，因此在這一小節要簡單介紹一下CSS中的盒子模型。css 盒子模型的基本要素 如下圖中的按鈕爲例， 在Chrome瀏覽器中查看這個元素，結果是這樣的： 藍色部分（28 x 32 ）是button的content，綠色的是padding，黃色的是border，深黃色是margin。盒子模型很簡單，其實就這4個概念。所以，一個元素在頁面上的寬高就是由這四個部分共同

>>阅读原文<<