與似乎具有相對定位

Question

我要通過一本書上響應的網頁設計中，筆者建立在這個地址的網頁浮動元素奇怪的現象：http://responsivewebdesign.com/robot/

由於網頁響應，如果你查看在瀏覽器屏幕寬度大於1025px的情況下，可以看到具有類標識的h1元素位於無序列表的頂部，其中包含類nav和nav-bar（ul爲導航欄）。

請參閱以下鏈接，瞭解Chrome開發人員工具中網頁的截圖，以獲取我的意思。

UL與資產淨值和資產淨值，初級班在Chrome開發者工具強調：

，你可以在上面的圖片中看到，這裏面構成的導航菜單欄無序列表坐在H1徽標下方元件。您可以訪問該網站，在瀏覽器中打開它並親自查看。

現在給出的背景資料是我的問題。

具有logo類的h1元素如何能夠坐在ul的頂部，並帶有nav和nav-primary類？

據我的理解，你通常必須將位置設置爲絕對的無序列表（爲了做到這一點）（兩者都是左浮動），但在Chrome Developer Tools中檢查時，兩個上述元素將位置設置爲相對。

我不能以創建者創建它的方式複製它。我在這裏錯過或不理解什麼？

Answer 1

在使用html和css後，我發現帶有類標識的h1元素在css左側浮動，並且類nav-bar旁邊的div元素沒有浮動元素，因此有包含元素的寬度的100％，因此可以與h1元素佔據的區域重疊，並帶有等級標誌。

Answer 2

如果標誌的z-index高於導航欄的標誌，那麼標誌元素會相對定位以獲得z-index，那麼它看起來會被疊加在其上面。