CSS:盒子_每個(gè)元素都有兩個(gè)盒子（《CSS世界筆記》-塊級(jí)元素）

2）每個(gè)元素都兩個(gè)盒子，外在盒子和內(nèi)在盒子。"外在盒子"負(fù)責(zé)元素是可以一行顯示，還是只能換行顯示；"內(nèi)在盒子"負(fù)責(zé)寬高、內(nèi)容呈現(xiàn)什么的。"內(nèi)在盒子"也可以叫作“容器盒子”。

現(xiàn)在，大家應(yīng)該明白為何display屬性值是inline-block的元素既能和圖文一行顯示，又能直接設(shè)置 width/height 了吧！因?yàn)橛袃蓚€(gè)盒子，外面的盒子是 inline 級(jí)別，里面的盒子是 block 級(jí)別。實(shí)際上，如果遵循這種理解，display:block 應(yīng)該腦補(bǔ)成 display:block-block，display:table 應(yīng)該腦補(bǔ)成 display:block-table，我們平時(shí)的寫法實(shí)際上是一種簡(jiǎn)寫。

 

思考