Hy,我试图写我自己的网站。不是专业代码,但我认为是好的:D 所以,我的问题是,那么滚动条被隐藏起来,并且两个英雄部分之间有一个空格。问题是什么?是的,有4个英雄,具有相同的CSS代码。滚动条不可见和2格之间的空格
.hero1 {
background-color: white;
width: 100%;
height: 500px;
display: inline-block;
margin-top: 100px;
align-items: center;
h1 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: black;
margin-left: 100px;
position: absolute;
top: 30%;
}
p {
position: absolute;
top: 30%;
font-family: "Open Sans", sans-serif;
font-weight: 400;
color: black;
margin-left: 40%;
margin-right: 10%;
}
}
<div id="about" class="hero1">
<h1> About me</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean imperdiet, est sit amet bibendum posuere, diam magna sagittis arcu, et mollis quam felis mattis est.
Suspendisse malesuada lobortis tempor. Vestibulum quis ligula elit. Sed porttitor sed diam id dapibus. Etiam nec tincidunt dolor, vel auctor dolor. Cras enim velit,
vulputate in interdum in, aliquet in quam. Sed volutpat, nunc id viverra blandit, diam nulla luctus ipsum, eget condimentum felis metus eget ante. Nam pulvinar convallis
eros eget consectetur.</p>
</div>
好:100px的 - 这是块之间空间的原因......另外,我不能用滚动条重新创建问题。你设置了溢出:隐藏在身体,在CSS的某个地方? – sinisake
你的标记有一些问题。 css不能嵌套(在这种情况下) – happymacarts
@happymacarts:_“css不能嵌套(在这种情况下)”_ - 悬停在'sass'标签上... – CBroe