Javascript 在节标记中插入选项卡框，导致另一个标记不对齐。。。如何修复？_Javascript_Jquery_Html_Css

Javascript 在节标记中插入选项卡框，导致另一个标记不对齐。。。如何修复？

javascript jquery html css

Javascript 在节标记中插入选项卡框，导致另一个标记不对齐。。。如何修复？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试将此选项卡框插入我的分区标记中。。从本网站源代码下载链接：这是我的html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Librarian's corner</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">

我正在尝试将此选项卡框插入我的分区标记中。。从本网站

源代码下载链接：

这是我的html代码

 <!DOCTYPE html>
  <html>
<head>
<meta charset="utf-8" />
<title>Librarian's corner</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/nav-menu.css">
<link rel="stylesheet" type="text/css" href="css/body.css">

</head>
 <body >

 <div class="big-wrapper">
 <div class="form-nav-menu">
 <nav>

    <ul>
        <li><a id="active" href="adduser.html">ADD USER</a></li>
        <li><a  class="in-active" href="#">EDIT USER</a></li>
        <li><a  class="in-active" href="#">DELETE USER</a></li>
        <li><a  class="in-active" href="#"> VIEW USER</a></li>
    </ul>
</nav>
 </div>

  <header>
<h1>The Librarian's corner</h1>
</header>



  <section>

  > insert tab  box here <

 </section>



 <footer>
 <h1>this is footer</h1>
  </footer>
   </body>
  </html>

问题是当我尝试为位于节标记中的选项卡框插入css选项卡框代码时，页脚背景不对齐

我想知道为什么，为什么页脚背景不对齐。。我的身体背景是橙色的，脚是黑色的。。。如我们所见，黑色在顶部。

我认为您可能需要为“section”标记添加最小高度，因为您已经添加了该容器：

section {
height: auto;
**min-height:300px;**
background: white;
width: 100%;
margin-top: 0px;
}

section {
height: auto;
**min-height:300px;**
background: white;
width: 100%;
margin-top: 0px;
}