div+css 盒子模型
- 之前一直沒有仔細(xì)去研究div+css盒子模型愉耙,今天閑來無事贮尉,看了下,發(fā)現(xiàn)之前的理解一直是錯的朴沿,因為之前一直是看并沒有實(shí)際動手去寫猜谚,或者寫出來也沒有深究。今天寫了一個簡單的盒子模型赌渣,然后瀏覽器里更改padding值魏铅,發(fā)現(xiàn)邊框在變大,然后就覺得有點(diǎn)奇怪坚芜,明明寬度和高度分別設(shè)置的200px览芳,為什么寬和高還會變呢?
初始狀態(tài)
-
調(diào)大padding值后鸿竖,明顯看到邊框變大了
調(diào)大padding后 -
盒子模型=區(qū)塊+內(nèi)邊距+邊框+外邊距
盒子模型 寬和高限定的是區(qū)塊的寬和高沧竟,并不包括邊框。
紙上得來終覺淺缚忧,絕知此事要躬行
不實(shí)際試一下悟泵,還真沒注意這個事兒,后面還是好好看看css吧闪水。
又看了下糕非,上面這種情況是針對非IE瀏覽器的-。-||