我一直试图让<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;
}
。
答案 0 :(得分：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?