Html 绝对div置于div顶部_Html_Css

Html 绝对div置于div顶部

html css

Html 绝对div置于div顶部,html,css,Html,Css,我会尽力解释这个问题。我对代码进行了修改我试图将一个div放置在我完成的div之上，但问题是当你调整屏幕大小时，带有位置：absolute的div与其他div相对不移动，这很明显，因为它被设置为绝对 <!DOCTYPE html> <html> <head> <title>404Vanity</title> <script src="http://localhost:35729/livereload.js">

我会尽力解释这个问题。我对代码进行了修改

我试图将一个div放置在我完成的div之上，但问题是当你调整屏幕大小时，带有

位置：absolute

的div与其他div相对不移动，这很明显，因为它被设置为绝对

<!DOCTYPE html>
<html>
<head>
    <title>404Vanity</title>
    <script src="http://localhost:35729/livereload.js"></script>
</head>
<body>

    <div class="header">
        <img class="logo" src="images/logo.svg">

        <div class="navbar">
            <ul>
                <li><a href="work">Work</a></li>
                <li><a href="vision">Vision</a> </li>
                <li><a href="contact">Contact</a> </li>
            </ul>
        </div>

        <div class="goldbar"></div>
    </div>




    <div class="itemList">
        <div class="item">
            <img src="images/shopashop.png">
            <div class="overlay"></div>
            <div class="title"><h2>Shopashop</h2></div>
        </div>
    </div>

<script src="bundle.js"></script>
</body>
</html>


404虚荣





商店

div class=“itemList”

应该正好放在goldbar div的顶部。

我不太确定这是否正是您想要的。但这些部门没有排好队的原因是，金条的利润率为：0自动。这告诉它始终保持在页面的中心

然后你就有了你的.itemlist，不管浏览器的宽度如何，它总是被告知位于页面左侧30%的位置

如果您试图将项目列表居中，我会执行

left:0；右：0；保证金：0自动。
Fiddle:
是否有任何东西阻止您将.itemlist
放在.goldbar
中？也许我没有领会您的意思，但您为什么不简单地将背景色设置为。itemlist
为金色？