html - 页脚下方神秘的白色间隙

标签 html css

My page here页脚末尾有一个白色间隙,但在尝试了一切之后,我认为我仍然不知所措。

由于固定的右侧导航和流动的中间容器,我们使用“推”类和负边距来实现可能会影响它的相等列。

这是 CSS:

#main-content {
margin: 0 5% -100px;
min-width: 960px;
max-width: 1137px;
overflow: hidden;
min-height: 100%;
}

.right-nav {
float: right;
width: 31.5%;
border-left: 1px solid #DDD;
padding-top: 1.5em;
padding-bottom: 10040px;
margin-bottom: -10040px;
width: 358px;
}

#middle {
width: 67.2%;
height: 100%;
padding: 1.5em 1.2% 15px 0;
margin-bottom: 3em;
width: auto;
margin-right: 358px;
}

#footer-wrapper, #push {
height: 100px;
overflow: hidden;
}

#footer-wrapper {
clear: both;
width: 100%;
border-top: 1px solid #323232;
padding: 20px 0 0;
background: #33383C;
background: #3F4952 url("/images/bg.jpg") repeat;
}

最佳答案

由于某种原因,#_atssh(id 为“_atssh”的 div)是罪魁祸首,即使它的位置设置为绝对,并且可见性被隐藏。相反,添加样式 display: none

这当然很有趣,我会继续调查。

关于html - 页脚下方神秘的白色间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19351215/

相关文章:

javascript - 打印为pdf时如何将div分成2页?

html - Bootstrap 面板标题,如何防止文本换行

html - 如何用我从未见过的特殊字符编写公式?

javascript - 如果用户开始拖动 map ,则取消 OpenLayers.Map 当前的 panTo 补间

javascript - 如何使用 div 屏蔽 iframe(嵌入 yt)以允许我的 onclick 事件触发而不是播放?

html - 在所有设备的抽屉中垂直居中

javascript - 将预制代码从 Codepen 移动到我的 Brackets 元素时,我缺少什么步骤?

php - 如何检查输入数组字段类型文件空是否未上传

java - 如何在我的表单中插入时间的 PHP 代码?

CSS 前缀与非前缀,使用两次?