当我开始使用Google搜索这个问题时,我看到了类似的SO问题过多。但我尝试了所有,没有运气。页脚上方的额外空白区
我从某处获得白边。不知道在哪里。
这里是一个小提琴 https://jsfiddle.net/ayezee33/smxdewam/
这是我都试过了。
- 加边距:0;和填充:0;到html和body。
- 拉上normalize.css
- 新增0保证金的块级元素和子元素
- 找到
- 使用的!重要的电话覆盖用户代理样式表插入8像素余量(铬),其
- 注意到用户代理样式表应用阻止我和 试图覆盖,但我确定我真的想要的。
任何帮助将是伟大的。试图弄清楚这一点我疯了。
显然我需要添加代码来发布这个问题?
<header>
<h1>Building blocks are important!</h1>
<p>This website serves as my test to showcase my coding abilities</p>
<div id="cta">
<input id="cta" name="email" placeholder="Email">
<button type="submit">Learn More</button>
</div>
</header>
<div class="callout">
<p>Testing this call out section</p>
</div>
.callout {
display:block;
max-width:100%;
height:5em;
background:#000;
text-transform:uppercase;
}
.callout p {
line-height:5em;
margin:0;
}
在那个小提琴中有很多空白,你将不得不更加具体地指出你遇到的问题。 – Shaggy