元素類型，盒子模型，position，float?

元素類型

塊級(jí)元素（獨(dú)占一行）

內(nèi)聯(lián)元素（行內(nèi)元素，無(wú)法設(shè)置width,height）

常見的塊級(jí)元素：div

常見的內(nèi)聯(lián)元素：span,a,img

當(dāng)然內(nèi)聯(lián)元素也可以成塊級(jí)元素 display:block，相反則是 display:inline；如既想讓元素在行內(nèi)顯示又能設(shè)置高度 display:inline-block

盒子模型

盒子模型的四部分：margin > border > padding > content

原則上一個(gè)元素的寬高只是content，其余的額外算，但是不同的瀏覽器解釋是不一樣的

于是W3C解決padding算作額外的寬度提出了border-sizing:border-box，這樣border和padding就被包含在寬高之內(nèi)。

兩種特殊情況：絕對(duì)定位和浮動(dòng)的元素均無(wú)寬度，在頁(yè)面上均不占用空間（脫離普通流）

Position

定位有5種情況：

1、static （默認(rèn)）

2、relative 相對(duì)于正常的位置偏移

3、absolute 絕對(duì)與最近一級(jí)非static的父級(jí)

4、fixed 絕對(duì)于瀏覽器

5、inherit 從父級(jí)繼承position的值

Float

最初只是實(shí)現(xiàn)文字環(huán)抱的效果。

1、只有左右沒(méi)有上下

2、不占原有空間，脫離普通流