display
- 每個元素都有一個顯示模式（display）妥箕，顯示模式?jīng)Q定了該元素在文檔流中是怎樣來顯示的桩蓉。一共有三種顯示模式：block雹仿，inline-block和inline锭弊。
- block模式可以設(shè)置元素的width填硕，height债沮，但是無論設(shè)置成多少炼吴，元素總會占據(jù)一行控件。
- inline-block模式也能設(shè)置元素的width,height;但是不會強(qiáng)制占據(jù)一行疫衩。
- inline模式元素不能這是元素的大小硅蹦，它的大小是由元素的內(nèi)容決定的。
position
- position定位是決定元素的顯示位置的，一個元素默認(rèn)是從父元素的零點開始童芹，按文檔流和顯示模式從上到下涮瞻，從左到右依次排列的。設(shè)置positon可以打破這種默認(rèn)的排列方式假褪。一共有4個定位方式：static署咽，relative，absolute生音，fixed宁否。
- static是默認(rèn)的定位方式，也就是沒有定位缀遍，元素按文檔流來排列慕匠。
- relative相對定位，這里僅僅是相對該元素的正常位置來移動域醇，移動后該元素占據(jù)的空間還是其正常位置的空間台谊。某元素被設(shè)置該定位后，對其他元素沒有任何影響譬挚。
- absolute絕對定位青伤，設(shè)置絕對定位后，該元素的定位就不在參照文檔流殴瘦，而是參照最近一個定位過的元素狠角，也不一定是父元素。并且該元素會脫離文檔流蚪腋，可與其他元素重疊丰歌。
- fixed固定定位，設(shè)置固定定位后屉凯，該元素的定位就僅以瀏覽器窗口為參照立帖，無論網(wǎng)頁內(nèi)容怎么拖動，該元素也不會動悠砚。常常用來創(chuàng)建漂浮在網(wǎng)頁窗口上不隨內(nèi)容滾動的的一些全局控件晓勇。
float
- 浮動也是讓元素脫離文檔流的一種方式，這種方式脫離文檔流的元素會按照自己的方式排列灌旧，不接收top/right/left/bottom設(shè)置绑咱，浮動后的元素在上下位置會接著最近的文檔流元素排列，左右位置會接著上一個float元素排列枢泰。這個方式多用于圖文混排時的文字環(huán)繞效果描融。在布局上也可以用于左右并列布局效果。
