1、塊狀元素與行內元素。

div、h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即“塊框”。與之相反，span和strong等元素稱為“行內元素”，這是因為它們的內容顯示在行中，即“行內框”。

我們可以使用 display 屬性改變生成的框的型別。這意味著，通過將 display 屬性設定為block，可以讓行內元素（比如<a>元素）表現得像塊級元素一樣。還可以通過把display設定為none，讓生成的元素根本沒有框。這樣的話，該框及其所有內容就不再顯示，不佔用文件中的空間。

2、CSS定位機制。

CSS 有三種基本的定位機制：普通流、浮動和絕對定位。

除非專門指定，否則所有框都在普通流中定位。也就是說，普通流中的元素的位置由元素在 (X)HTML 中的位置決定。

塊級框從上到下一個接一個地排列，框之間的垂直距離是由框的垂直外邊距計算出來。

行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。但是，垂直內邊距、邊框和外邊距不影響行內框的高度。由一行形成的水平框稱為行框（Line Box），行框的高度總是足以容納它包含的所有行內框。不過，設定行高可以增加這個框的高度。

3、position屬性。

通過使用position屬性，4種不同型別的定位，這會影響元素框生成的方式。

4、相對定位。

注意：在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其它框。

5、絕對定位。

絕對定位的元素的位置相對於最近的已定位祖先元素，如果元素沒有已定位的祖先元素，那麼它的位置相對於最初的包含塊。

注意：因為絕對定位的框與文件流無關，所以它們可以覆蓋頁面上的其它元素。可以通過設定z-index屬性來控制這些框的堆放次序。