Question

我遇到一个问题，我有一个Navbar和一个Footer，我正在修复。在修复之前，它们有边距（左右两边的空白区域），这就是我想要的。

现在，当我修复它时，突然间边缘被覆盖或忽略。

我不确定如何让边距回来，所以我的页面才有意义。

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

.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;
}

Answer 1

要使元素与边距匹配，您需要更改left和right属性的值。

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;
}

设置固定的导航栏和页脚时，我的边距会消失吗？

1 个答案: