Question

我一直试图让<div>保持在另一个<div>的底部，但到目前为止它只会到达浏览器的底部 - 而不是{{1}的底部}}。这是我尝试过的代码：

<div>

和css部分

<div id="header">


<div style="position: absolute;bottom: 0;left: 0;height: 15;text-align: left;width: 100%;background: url(images/btrans.png);"><b>Driftsmelding: </b><font style="color: #88d327;"></font></div>
</div>

有谁知道问题可能是什么？我很确定我应该使用位置#header { background: url(images/logo_oslo.jpg); background-position: 0px -12px; } #header { background: url(images/logo.jpg); background-position: 0px -12px; margin: 25px auto 0px auto; width: 1092px; height: 140px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #333333; padding-left: 8px; padding-top: 0px; padding-right: 0px; box-shadow: 0px 0px 16px #000; border-top-left-radius: 14px; border-top-right-radius: 14px; }。

Answer 1

只需将position: relative;添加到#header查看小提琴https://jsfiddle.net/sxh0n7d1/2/

即可

#header {
    background: url(images/logo_oslo.jpg);
    background-position: 0px -12px;
    position: relative;
}

以下是对relative和absolute Position Relative vs Position Absolute?

之间差异的一个很好的解释

Div不在它应该的位置

1 个答案: