所以在上一篇文章中我问过如何删除间隙，以便身体占据浏览器窗口的整个高度。这是通过以下方式解决的：
margin: 0;
但是，我需要（或者我知道的唯一方法）使用边距来设置文本样式。只要我申请
之类的东西margin-top: 50px;
身体不适合浏览器的100％高度。我知道div的所有内容都必须使用margin 0才能正常工作，但是我应该如何使用margin来设置内容。
还有其他方法可以让身体100％达到浏览器高度吗？
答案 0 :(得分：0)
body{
margin:0;
padding:0;
}
对我而言，body有一些默认填充。因此，由于中间的内容为100vh +填充，因此大于100vh
答案 1 :(得分：0)
这就是你需要的吗？的 DEMO
#content-mid {
background-color: #000000;
opacity: 0.9;
height: 100vh;
width: 750px;
margin-left: 200px;
}
#basics {
display: table;
margin: 0 auto;
height: 400px;
width: 725px;
}
/* Content Text */
#sv_title {
font-family: BebasNeue;
font-size: 60px;
color: #FFFFFF;
text-align: center;
margin-top: 50px;
}
#sv_sub {
font-family: 'Quicksand', sans-serif;
font-size: 25px;
color: #FFFFFF;
text-align: center;
margin: 0;
margin-top: -20px;
}<div id="content-mid">
<div id="basics">
<div id="sv_title">Community Name</div>
<div id="sv_sub">Your sub title here!</div>
</div>
</div>
答案 2 :(得分：0)
我同意所有人的意见，而不是保证金使用填充，请看一下：
#content-mid {
background-color: #000000;
opacity: 0.9;
height:100vh;
width: 100%;
padding-left: 200px;
}
#basics {
display: table;
margin: 0 auto;
height: 400px;
width:100%;
padding-top: 50px;}
https://jsfiddle.net/keinchy/5up22vom/1/
-cheers
答案 3 :(得分：0)