gpt4 book ai didi

html - 未知的 CSS 折叠边距,导航栏/正文与第一个 div

转载 作者:太空宇宙 更新时间:2023-11-04 03:11:11 25 4
gpt4 key购买 nike

http://jsfiddle.net/cdecqyfs/

我正试图消除导航栏和它下面的 div 之间明显臭名昭著的差距。

我无法通过 Chrome 的开发人员工具找到边距的来源(它只是将我指向 <body> 标记),但我有理由确定这是我的 div 导致了问题,因为当我完全删除 <header>...<header> 内容时,顶部和主体之间仍然有 20px 的间隙。但是,间隙大小直接与 Bootstrap 的 LESS 文件中 @navbar-bottom-margin 的值相关,所以我确信 BS 在这里发挥作用。

我已经尝试过 display:inline-block ,我已经在页面上的几乎每个元素上尝试过 margin:0 !important ,其他时候已经有人提出过很多建议,我慢慢地疯狂地思考什么应该是一个如此简单的问题修复。

请帮忙!

最佳答案

添加 .masthead-text h1 { margin-top: 0; } 似乎可以修复它。如果周围需要一些间距,请改用 padding

更新的演示: http://jsfiddle.net/cdecqyfs/5/

我还建议用简单的 padding 值替换下面的代码。

.masthead-text{
position: relative;
top: 140px;
}

那么就没有必要重置 h1 的上边距了。

更新的演示 2: http://jsfiddle.net/cdecqyfs/7/

关于html - 未知的 CSS 折叠边距,导航栏/正文与第一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29504807/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com