无法删除页面底部的空间
问题描述:
我遇到了一个奇怪的问题,在页脚和页面底部之间存在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;
}
答
如果它可以帮助其他人,这个问题是一个跟踪像素脚本,尽管有height
0
,正在向DOM添加空间。
答
也许你应该添加一些复位样式。检查导航器检查器并选择这些属性,默认情况下会看到一些“继承样式”。
尝试将此添加到您的车身式样:
body {
margin: 0;
padding: 0;
box-sizing: border-box
}
+0
我提到过我已经应用了标准化样式表,其中包括:margin:0; 填充:0; border:0; font-size:100%; 字体:inherit; vertical-align:baseline; –
答
我只是不能想三件事情:
1:身体有你没有按保证金或填充没有注意到。
2:身体里面有一些边缘或边框。
3:添加“margin-bottom:-48px;”在页脚中。 (这是快速和污垢)
请分享一个实时片段代码。 –
设置100%高度的部分和部分应该在页脚标记之外 –
您的示例代码本身不会导致您描述的行为。那么你可以发布一些实际证明问题的代码吗? –