Question

https://jsfiddle.net/fc90p0bf/

<body>
        <div id = "main" class = "header">
            <div id = "logo">
            <a href = "file:///C:/Users/Owner/AppData/Roaming/Sublime%20Text%203/Packages/User/practice1.html">
            <img src = "reddit_web.png"/> </a>
            </div>
      </div>

}
#main.header{
    position: relative;
    background-color: #232f3e;
    top:0;
    left:0;
    height: 100px;
    width: 1800px;
    min-width: 1217px;
}
#logo{
    position: absolute;
    top: 15px;
    left: 46px;
}

图像粘在左上角但我的位置是相对的。我该如何解决？

Answer 1

你的div绝对定位，所以img忽略它并将自己定位为左上角的第一个项目。我假设您希望它低于div，因此您需要编辑img的位置，或者您需要将div更改为position: relative。

图像卡在屏幕的左上角

1 个答案: