javascript - 我的网页内容下有无限空白

Question

由于某些原因，我的网页之一可以无限向下滚动。我的 html/php 相当大，所以我认为我不应该发布；我真的在网上找不到答案。

html {
  font-size: 62.5%;
  height: 100%;
}

body {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  height:100%;
}

img {
  max-width: 100%;
}

a{
    text-decoration:none;
}

#content{
    min-height:100%;
    position:relative;
    background-color:#54B0D9;
}

table{
    margin-left:auto;
    margin-right:auto;
    border-collapse:collapse;
    font-weight: 400;

}

table, td, tr, th{

    border-style:solid;

    border-color:#E6E7F1;

    border-width:0px 1px 1px 0px;
}

td{
    text-align:center;
}

a{
    text-decoration:none;
    color:black;
}

td.count{
    min-width:50px;
}

td.count a{
    padding-top:15px;
    padding-bottom:15px;
    display:block;
}

td.delete{
    min-width:50px;
}

td.delete a{
    padding-top:15px;
    padding-bottom:15px;
}

td.name{
    min-width:300px;
}

td.name a{
    padding-top:15px;
    padding-bottom:15px;
    display:block;
}

td.efect{
    min-width:150px;
}

td.efect a{
    padding-top:15px;
    padding-bottom:15px;
    display:block;
}

.boldedShitForPykw{
    font-weight: 700;
}

tr.even{
    background-color:#F6F7FA;
}

tr.odd{
    background-color:#ffffff;
}

.table-container{
    padding-top:30px;
    background-color:#54B0D9;
}

我在底部有一个固定的导航栏，这可能是原因吗？

Answer 1

我能够通过更新你的 CSS 来解决这个问题

#content {
   min-height: 100%;
   position: relative; 
   background-color: #54B0D9;
}

到:

#content {
   min-height: 100%;
   background-color: #54B0D9;
}

我能够通过使用 Chrome 的开发者工具修改元素样式来解决这个问题 - 这下次可能会派上用场!