Html CSS和间距

我对CSS的这一部分有点问题（看起来不是很多，但我不明白…）

因此，在我看来，#haut将占据页面的10%，而#bas将占据“bas”上方带有“haut”的90%

但是如果你看这把小提琴 页面顶部和“haut”之间有空格，“haut”和“bas”之间有更大的空格，我想知道为什么这个空格在这里

---

提前谢谢

使用

顶部

进行绝对定位，而不是

边距顶部

：

---

使用

top

进行绝对定位，而不是

margin top

：

在#bas中，页边距顶部：10%将占据浏览器窗口高度的顶部10%。

在#bas中，页边距顶部：10%将占据浏览器窗口高度的顶部10%。

试试这个

 #bas {
            position:absolute;
            background-color: #ccc;
            margin:0 auto;
            width:100%;
            height:90%;
        }

试试这个

 #bas {
            position:absolute;
            background-color: #ccc;
            margin:0 auto;
            width:100%;
            height:90%;
        }

---

如果您将页边距设置为0，则内容上有一个默认页边距；在#bas div上，它将与顶部元素对齐

#bas {
position:absolute;
background-color: #ccc;
margin-top:10%;
width:100%;
height:90%;
margin:0;
}

---

如果您将页边距设置为0，则内容上有一个默认页边距；在#bas div上，它将与顶部元素对齐

#bas {
position:absolute;
background-color: #ccc;
margin-top:10%;
width:100%;
height:90%;
margin:0;
}

---

当你使用边距/填充顶部/底部时，它是根据宽度而不是高度来计算的。我很确定这里就是这种情况

当你使用边距/填充顶部/底部时，它是根据宽度而不是高度来计算的。我很确定这里是这样的

“页面顶部之间有空格”->

body{margin:0}

@Vucko非常感谢！“页面顶部之间有空格”->

正文{margin:0}

@Vucko非常感谢！但是我在body标签上加了边距：0%以删除我所有图片上的边框：）@RaphaelschimHowitsch我的解决方案更好，使用此解决方案，绝对定位将堆叠在他的位置（正确），但它隐藏了顶部边框。如果你有相对定位，而不是绝对定位，这个答案会更好。@MarcosPérezGude我同意，没有注意到顶部边框消失：）我只是想告诉你，带绝对定位的边距不是一个好做法，因为在绝对元素中，它们超出了正常流程，所以边距不能完全按照你想要的方式工作。祝你好运，谢谢你！！但是我在body标签上加了边距：0%以删除我所有图片上的边框：）@RaphaelschimHowitsch我的解决方案更好，使用此解决方案，绝对定位将堆叠在他的位置（正确），但它隐藏了顶部边框。如果你有相对定位，而不是绝对定位，这个答案会更好。@MarcosPérezGude我同意，没有注意到顶部边框消失：）我只是想告诉你，带绝对定位的边距不是一个好做法，因为在绝对元素中，它们超出了正常流程，所以边距不能完全按照你想要的方式工作。祝你好运，谢谢你！！