css裏面的盒子模型

         css處理網頁時，認爲每個元素都包含在一個不可見的盒子裏。我們在瀏覽器裏打開開發者工具(快捷鍵F12),可以觀察到這個所謂的盒子：   區分幾個概念： 內容的寬度和高度：指的是內容本身佔據的寬度和高度，如上圖中的藍色部分。 元素的寬度和高度：這這裏的元素的寬度來說吧，寬度=左border+左padding+內容的寬度+右padding+右border，上圖中就是340（內容寬度）

>>阅读原文<<