Css 引导4固定导航条与车身重叠

现在[几乎]一切都基于

rems

，导航栏似乎有一些时髦的高度属性。首先，导航栏的高度是可变的，而填充是顶部和底部的静态8px

由于导航栏的伪动态特性，简单地将身体的填充顶部设置为50px不再有效。如果用户更改字体大小，则条形图高度将不再为50px

有没有人知道如何给正文加上适当的填充量，使其在滚动到页面顶部时正好位于导航栏下方

如果必须使用jQuery来实现这一点，这似乎是一种回归，但也许这是唯一的方法

示例代码：

正文{
填充顶部：54px；
背景颜色：蓝色；
}
容器-流体分类{
背景色：红色；
}

我满足于导航栏的重叠

我可以确认您的chrome问题。缩放时，导航栏的计算高度会发生变化。上述结果导致缩放级别的差距为125%和175%，请参见以下内容：

对于125%，导航栏的计算高度=53.6（37.6+8*2），而不是54。

---

可能相关：

您好，理论解释对编码问题几乎没有帮助。你能发布你正在使用的代码吗？@ManojKumar示例代码添加了更多解释hmmm，我看不到Windows7、Firefox42中有任何重叠。从逻辑上讲，当前代码不会有任何问题。@ManojKumar-hmm，可能是chrome的问题。当使用chrome inspector和computed选项卡时，我可以清楚地看到当我增大或减小字体大小时导航栏的高度会发生变化。我用ja为您包装了代码。我已经确认Safari中也存在此问题。