无法删除页面底部的空间

我遇到了一个奇怪的问题，在页脚和页面底部之间存在48页的无边距/填充（我还注意到，如果从页面底部删除页脚DOM，这个空间仍然在下一个元素的下方）。无法删除页面底部的空间

我只注意到它，当我（图中黄色）施加的背景颜色到body。我也在使用标准化样式表，并尝试在页脚上强制使用margin-bottom无效。

基本结构：

<footer> 
    <section> 
    </section> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
</footer>

相关CSS：

* { 
    box-sizing: border-box; 
    outline: none; 
} 

html { 
    font-size: 16px; 
} 

body { 
    width: 100%; 
    background-color: #fefde1; 
    line-height: 1.5; 
    color: #656565; 
    position: relative; 
} 

footer { 
    margin-bottom: 0 !important; 
    padding-bottom: 60px; 
    width: 100%; 
    background-color: #fff; 
    font-size: 1rem; 
}

来源

2017-04-22 Mario Parra

请分享一个实时片段代码。 –

设置100％高度的部分和部分应该在页脚标记之外 –

您的示例代码本身不会导致您描述的行为。那么你可以发布一些实际证明问题的代码吗？ –

如果它可以帮助其他人，这个问题是一个跟踪像素脚本，尽管有height0，正在向DOM添加空间。

来源

2017-04-25 02:41:48

-1

也许你应该添加一些复位样式。检查导航器检查器并选择这些属性，默认情况下会看到一些“继承样式”。

尝试将此添加到您的车身式样：

body { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box

}

来源

2017-04-22 14:21:38

我提到过我已经应用了标准化样式表，其中包括：margin：0; 填充：0; border：0; font-size：100％; 字体：inherit; vertical-align：baseline; –

我只是不能想三件事情：

1：身体有你没有按保证金或填充没有注意到。

2：身体里面有一些边缘或边框。

3：添加“margin-bottom：-48px;”在页脚中。（这是快速和污垢）

来源

2017-04-22 14:23:19 Akaize

无法删除页面底部的空间

回答

相关问题