Question

我为我的网站创建了一个恒定的页眉和页脚菜单，应该放在页面上。

从现在开始，我的问题是我的网站四周都没有可见的边框。

在解决此问题之前，我要做的最后一件事是添加一个页面容器和内容包装器，以使页脚位于页面底部。

<body onload="loadMainNav()">
  <div id="page-container">
    <div id="content-wrap">
    <!-- content -->
  </div>
 <footer>
    <!-- footer content -->
 </footer>

      <style>
        #page-container {
          position: relative;
          min-height: 100vh;
        }

        #content-wrap {
          padding-bottom: 2.5rem;    /* Footer height */
        }

        #footer {
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 2.5rem;            /* Footer height */
        }
      </style>

 </div>
</body>

出现问题后，我尝试将页脚和页眉的宽度和高度设置为100％，但是整个页面周围仍然看不见边框。

下一个尝试是对页眉和页脚强制使用负边距的边框。这适用于左侧和上部。右侧会扩大，但边界仍然存在，底部也有同样的问题。

不确定是否相关，但是主菜单相对于导航菜单具有位置，因此菜单可以重叠。

我也从页面上删除了任何边距和填充，但这也没有帮助我。

我想确保页眉和页脚沿页面延伸。

网站的边框来自哪里，如何删除？

0 个答案: