为什么使用 css 和 bootstrap on rails 调整窗口大小时填充发生变化

Question

我不知道为什么当我最大化窗口并调整窗口大小时 body padding-top 会发生变化。

有没有办法修复顶部的黑色导航栏？

以及下面的导航栏菜单下拉菜单

和内容。无论您更改窗口大小，它们都不会相互重叠。

提前致谢

gist 中的 css 代码 / html 代码 https://gist.github.com/poc7667/6505299

*最大化窗口 *一半的窗户

Answer 1

您是否尝试过添加 !important - 如果有一些恶意 CSS 导致了这个问题，这应该覆盖它。

body {
    padding-top: 0px!important;
}

Answer 2

插入您的代码..

但通常您可以通过以下方式将导航固定到顶部：

.navigation {
position: absolute;
top: 0px;
}

包装器：

#wrapper {
position: relative;
}

在 HTML 中：

<div id="wrapper">
<div class="navigation"></div>
</div>

不要忘记清除/重置主体：

body { margin: 0px; padding: 0px; }

浏览器 html/css-inspector 是调试 Web 代码的一个有用工具。 您可以在调整大小之前和之后检查代码。