Question

所以我在页脚底部有一些奇怪的间距，我不确定是什么导致它。代码如下：

SCSS：

html,
body {
    margin:0;
    padding:0;
    height:100%;
}
#wrapper {
    min-height:100%;
    position:relative;
}
header {
    padding:10px;
    background:#EFDECD; //#5ee;
//    text-align: center;

}

#content {
    padding:10px;
    // padding-bottom:80px;   /* Height of the footer element */
}
footer {
    display: block;
    width:100%;
    height:5em;
    position:absolute;
    bottom:0;
    left:0;
    background:#EFDECD; //#EFDECD
    text-align: center;
    overflow: hidden;
    a{
        padding: .75rem;
       // position:relative;
        top: 1.5em;
        display: inline-block;
        font-size: .72rem;
    }
    p{
        font-size: .72rem;
    }
}

video{
    width: 100%;
    height:auto;
}

.label{
margin-left: .5em;
    margin-right: .5em;
}
table{
font-size: .75em;
}

.panel.callout a:not(.button):hover{
  color: $anchor-font-color-hover;
}
.headtext{
display:inline-block;
    font-size:3em;
    margin-left: 1.5em;
    text-align: center;
    font-family:"Courier New";
    font-weight: bold;
    margin-left: 6em;
    margin-right: 7em;
}
.img2{
   // max-height: 20%;
    max-width: 25%;
    float:right;
    display:inline-block;
   }

.accorborder{
border: black dotted 1px;
}
h6{font-weight: bold;}

该网站正在开发中，位于www.new.omegadesignla.com，请检查要查看的元素，还可以查看其中的源代码。

Answer 1

问题来自于<br>和<div id="wrapper">...</div>之间的<footer>...</footer>。

Answer 2

如果从页脚规则中删除position:absolute，则页脚下方的空白区域将消失。是否有使用position:absolute的具体原因？

页脚底部的间距

2 个答案: