CSS display是佈局中經常用到的屬性，它是指顯示狀態，display常用的屬性：block
| none | inline |inline-block
display:block——將元素顯示爲塊級元素.（float必需應用在塊級元素之上）
block元素的特點是:
總是在新行上開始
高度，行高以及頂和底邊距都可控制；
寬度缺省是它的容器的100%，除非設定一個寬度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是塊元素的例子。
display:inline——將元素顯示爲行內元素.（inline表示內聯，特點是緊貼着前一個內聯元素）
inline元素的特點是：
和其他元素都在一行上；
高，行高及頂和底邊距不可改變；
寬度就是它的文字或圖片的寬度，不可改變
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。
display：inline-block——將元素呈遞爲內聯對象，但是對象的內容作爲塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內
另外：inline和block需要切換的情況如下：
inline->block:
讓一個inline元素從新行開始；
block->inline:
1.讓塊元素和其他元素保持在一行上；
2.控制inline元素的寬度（對導航條特別有用）；
3.控制inline元素的高度；