- inline-block類型
使用inline-block類型能夠直接將兩個div元素進行並列顯示，不須要使用float屬性，也不須要使用clear屬性了。css
默認狀況下使用inline- block類型時並列顯示的元素的垂直對齊方式是底部對齊，爲了讓對齊方式改爲頂部對齊，還要給DIV元素的樣式中加入vertical-align屬性。瀏覽器
使用inline-block類型來顯示水平菜單spa
在css2.1以前，若是要實現水平菜單，那麼咱們須要使用float屬性，大多數菜單是利用ul列表和li列表來顯示的額，li元素隸屬於block類型下的list-item類型，因此要並列顯示的話就要使用float屬性。ci
- inline-table類型
inline-table類型時css2中新增的盒模型it
- list-item類型
list-item類型，能夠將多個元素做爲列表顯示，同時元素的開頭加上列表的標記io
- run-in類型與compact類型
- 表格相關類型
在CSS3中全部與表格相關的元素及其所屬類型表：table
| 元素 | 所屬類型 | 說明 |
| table | table | 表明整個表格 |
| table | inline-table | 表明整個表格能夠被指定爲table類型也能夠是inline-table類型 |
| tr | table-row | 表明表格中的一行 |
| td | table-cell | 表明表格中的單元格 |
| th | table-cell | 表明單元格中的列標題 |
| tbody | table-row-group | 表明表格中行的全部行 |
| thead | table-header-group | 表明表格中的表頭部分 |
| tfoot | table-footer-group | 表明表格中的腳註部分 |
| col | table-column | 表明表格中的一列 |
| colgroup | table-column-group | 表明表格中的全部列 |
| caption | table-caption | 表明整個表格的標題 |
- none類型
當元素被指定爲none類型時，元素將不被顯示。class
- 各類瀏覽器對各類盒模型的支持狀況