由于某些原因,我的网页之一可以无限向下滚动。我的 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;
}
我在底部有一个固定的导航栏,这可能是原因吗?
最佳答案
我能够通过更新你的 CSS
来解决这个问题
#content {
min-height: 100%;
position: relative;
background-color: #54B0D9;
}
到:
#content {
min-height: 100%;
background-color: #54B0D9;
}
我能够通过使用 Chrome 的开发者工具修改元素样式来解决这个问题 - 这下次可能会派上用场!
关于javascript - 我的网页内容下有无限空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37327693/