css - 为什么使用 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 代码的一个有用工具。您可以在调整大小之前和之后检查代码。