使用固定顶栏时正确的填充或边距答案

【问题标题】：Correct padding or margin when using fixed top bar使用固定顶栏时正确的填充或边距
【发布时间】：2013-08-19 23:35:29
【问题描述】：

我的客户希望网站具有响应性并具有固定顶部栏。这是全宽的布局。

但他也希望它具有响应性，所以当我调整元素大小时应该很好地适应。 body 元素的顶部有 60px 的填充，以补偿固定的顶部栏。但是当我调整大小时，这已经不够了。这是调整了浏览器窗口大小的相同图像。注意顶部栏如何与其他元素重叠。

我正在使用引导程序（导航栏固定顶部）。有人知道如何解决这个问题吗？

问候。

【问题讨论】：

标签： html css

【解决方案1】：

使用媒体标签来定位不同的屏幕尺寸并相应地调整 css。

看看这里。

【讨论】：

【解决方案2】：

为您的padding-top 使用百分比而不是px。

【讨论】：

【解决方案3】：

没有看到任何代码就很难判断，但尝试用 div 包装“其他元素”（如果尚未完成）并为其设置 60px 的上边距。

【讨论】：