這是《前端總結(jié)·基礎(chǔ)篇·CSS》系列的第一篇，主要總結(jié)一下布局的基礎(chǔ)知識(shí)。

一、顯示（display）    1.1 盒模型（box-model）    1.2 行內(nèi)元素（inline） & 塊元素（block）    1.3 行內(nèi)塊元素（inline-block IE8+ IE6-7/tools）    1.4 flex（IE11+ IE10/-ms-）    1.5 none二、位置（position）
三、補(bǔ)充    3.1 浮動(dòng)（float）    3.2 層疊（z-index）    3.3 溢出（overflow）    3.4 resize（notIE）（CSS3）    3.5 分欄（column）（IE10+ notOperaMini）（CSS3）

一、顯示（display）

1.1 盒模型（box-model）

看圖了解盒模

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

盒模型包括內(nèi)容（content）、填充（padding）、邊框（border）、邊距（margin）。我們給元素設(shè)置的高度，是內(nèi)容（content）的高度。再給元素添加填充（padding），元素看起來會(huì)更高。

網(wǎng)友評(píng)論