Html 将一个div置于另一个绝对div之下

我正在尝试为我的网站制作一些标题，并在其下方创建另一个div，以包含一个彩色矩形。可能吗？到目前为止，我试过这样做，但没有成功：

.logo{
宽度：100%；
左：0%；
右：0%；
位置：绝对位置；
}

123在这种情况下，下面的div需要具有等于绝对定位div高度的边距顶部值

<div class="logo" onclick="location.href='<%= DefaultPath %>'" style="height:100px; top:0%; background-image:url('<%= LogoPath %>'); background-size: 100% 100%; background-repeat:no-repeat">




123不容易修复。。。如果你设置了一些绝对的东西，比如你的logo，你会把它从文档流中分离出来。因此，页面的其余部分不关心它在哪里，也不能将自己放在它旁边。它会在它下面或上面

您可以使用javascript检测徽标的位置，如果它也是aboslute，则将另一个放置在它旁边

我认为您需要将徽标设置为位置：改为固定，并在主体上添加边距顶部，以便始终从徽标结束的位置开始。这样，当您滚动时，徽标将始终位于顶部并跟随您，并且主体不会被徽标覆盖。
首先，您不应该使用太多的内联样式。而是在css类中使用它（就像您在
.logo
中对某些代码所做的那样）

您可以使用类似的方法来实现您的定位：

.header {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: grey;
    background-image: url('');
    background-position: center center; 
    background-size: 100% 100%;
}
.numbers {
    margin-top: 50px;
    height: 100px;
    background-color: blue;
    width: 100%;
}

html就是这样的：

<div class="header"></div>
<div class="numbers">123</div>


123
您不应该将内联css与外部css混用，但是创建一个JSFIDLE，我会提供帮助。也给你一个div类或ids，它必须被定位为绝对值吗？把它拿出来，你就可以走了。