在Bootstrap Cheatsheet 頁面上，發生了兩件事：
(1) 頁面左側的元素以頁眉為上，緊貼頁眉底部，
(2) 頁面左側的元素正在相互替換，并且“相互碰撞”作為置頂元素。
他們是怎么做到的？我一直在挑選該頁面的 html 以試圖弄清楚，但認為我一定是遺漏了一些東西。當我嘗試擁有多個“置頂”元素時，多個置頂元素相互堆疊，全部堆放在頁面頂部，而不會向上“撞”上一個置頂元素。
此外，每個 h2 都有子 div，并且子 div 作為置頂元素相互碰撞，而每個 h2 將前一個 h2 作為前一個置頂元素碰撞，如果你能告訴我為什么會這樣的話。我非常感謝任何人可以提供的任何幫助。謝謝
uj5u.com熱心網友回復：
查看每個部分周圍的最外層容器。它是一個article元素，它限制了側邊欄標題的位置。這些標題可以位于這些容器內的任何位置，從上到下。它實際上與標題無關。
在您的腦海中想象一個廚柜抽屜。打開它并在后角放置一個高玻璃杯。現在關上抽屜。玻璃可以沿著抽屜的地板滑動，受臺面的限制，直到抽屜的底部接觸。那時，玻璃被強行拉到臺面下方。這基本上就是這種布局所發生的事情。
至于關于標題的所有內容，請檢查主要布局。它使用 CSS 網格（通過 Bootstrap 類），并且應用了 4rem 頂部填充，對應于標題高度。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/484783.html
標籤：推特引导