我嘗試查看何時單擊導航欄然后我想查看主題,但它在導航欄下顯示主題。我試圖給保證金,但它不起作用。有人幫我解決這個問題。
顯示這樣的網站
但我想看到那樣
there is code: https://codepen.io/rero34/pen/mdqGyVo
uj5u.com熱心網友回復:
我認為這是使用固定導航欄的自然 z-index 副作用。看看添加margin-top到導航欄之后的元素是否會有所不同。好像是這樣div id="myCarousel"。您添加的邊距應該與導航欄的高度相同“px”。
uj5u.com熱心網友回復:
所以你使用的是很棒的 Bootstrap。但我的第一印象是你有太多的手動樣式,尤其是在使用 CSS 框架時。無需過多解釋,您的錨點沒有從該部分的頂部開始的主要原因是因為您id的 's 從跨度開始,這不是該部分的開始。您應該將id's 放在這些部分本身上。
然后,下一個問題來自在您的部分使用填充和在標題上使用過多的邊距。在不經歷和清理所有這些的情況下,讓我們看看繞過它的方法。
scroll-margin 用于調整元素的捕捉區域(定義元素將被捕捉到的位置的框)。
我scroll-margin-top在每個部分都添加了一些。我發現這大致5.5em是您的最佳選擇。
對于堆疊片段,您的代碼包含太多字符,因此請查看CodePen。
uj5u.com熱心網友回復:
因為margin-top: 0;在_robot.css檔案中有設定。用于第 3 級標題標簽。
您可以通過自定義H3標簽樣式來克服此默認設定,以設定適當的margin-top: 100px !important;. 根據您的需要自定義它,我將 100px 作為隨機值。
h3{
font-weight: 700;
margin-bottom: 50px;
margin-top: 100px !important;
}
編輯
我發現你已經定義了margin-top好h3幾次了。可能存在導致它的沖突。您的風格中的下一次出現在稍后
.services h3{
margin-top: 80px;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/432843.html
標籤:html css 推特引导 引导程序 4 引导程序 5
上一篇:將表格單元格中的容器拉伸到全高
