display
- 每個元素都有一個顯示模式（display），顯示模式?jīng)Q定了該元素在文檔流中是怎樣來顯示的。一共有三種顯示模式：block，inline-block和inline。
- block模式可以設(shè)置元素的width，height，但是無論設(shè)置成多少，元素總會占據(jù)一行控件。
- inline-block模式也能設(shè)置元素的width,height;但是不會強制占據(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)繞效果。在布局上也可以用于左右并列布局效果。
