Html 设置固定导航栏和页脚时,我的边距会消失吗?

Html 设置固定导航栏和页脚时,我的边距会消失吗?,html,css,Html,Css,我有一个问题,我有一个导航栏和一个页脚,我正在修复。在修复之前,右边和左边都有空白,这正是我想要的 现在,当我把它修好后,突然之间,边距被覆盖或忽略了 我不知道如何获得利润回来,所以它与我的网页有意义 这些是我正在使用的页脚和导航的相关样式 .nav-wrapper { padding-left: 30px; } nav .signin-container, .profile, .container, .sign-up { min-height: 100%; margin: 0

我有一个问题,我有一个导航栏和一个页脚,我正在修复。在修复之前,右边和左边都有空白,这正是我想要的

现在,当我把它修好后,突然之间,边距被覆盖或忽略了

我不知道如何获得利润回来,所以它与我的网页有意义

这些是我正在使用的页脚和导航的相关样式

.nav-wrapper {
  padding-left: 30px;

}

nav .signin-container, .profile, .container, .sign-up {
  min-height: 100%;
  margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */
}

nav {
  margin-bottom: 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 60px;
}

footer .row, .push {
  text-align: center;
  margin-bottom: 0;
  height: 75px;
}
footer{
    position:fixed;
    height:50px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}

要使元素与边距匹配,需要更改“左”和“右”属性的值

nav {
    position:fixed;
    left:15px;
    right:15px;
}

footer {
    position:fixed;
    left:15px;
    right:15px;
}
或者,您可能希望将包含元素的元素保留在边缘,而只希望内容与边距匹配。然后,您可能只想添加内部填充:

nav {
        position:fixed;
        left:0;
        right:0;
        padding-left: 15px;
        padding-right: 15px;
}

footer {
        position:fixed;
        left:0;
        right:0;
        padding-left: 15px;
        padding-right: 15px;
}

绝对或固定定位元素上的边距将被忽略。你能提供一个提琴并解释一下你想用你的布局实现什么吗?你能做一个JSFIDLE来更好地指出你的问题吗?我猜边距来自一个父元素,因为你在任何一个固定元素上都没有左边或右边的边距。因此,当应用“位置:固定”时,它会忽略父页边距。此外,您还有左:0和右:0,这使得页眉/页脚在页面边缘对齐。您希望页眉/页脚有多宽?可能重复-谢谢,这很有帮助。在调整窗口大小时,是否有办法使边距保持不变,或更清晰地排列?您需要进一步阐明您想要实现的目标。在这一点上,一个链接或截图可能会帮助我们更好地了解情况。例如:当我调整页面大小时,页边距保持不变。这个版本是我之前做的固定位置。现在使用固定位置,并根据“左”和“右”调整窗口大小时,导航栏和页脚不会保持适当的调整,而是根据“左”和“右”进行调整,显示为奇数。当我使用“位置:相对”时,当然会在窗口大小更改时重新调整,但不再固定。