css - CSS 将 div 发送到其他 div 的底部；底部：0 不起作用

Question

我有一个 div；标题，另一个称为 headerimg 包含图像。我试图在调整页面大小时使标题图像粘在标题（水平线）的底部。这是我的代码：

.header{ 
float:right;
width:93%; 
height:100px;
padding-right:0px;
background-image:url('img/barhorizontal.gif');
background-repeat:repeat-x;
background-position:bottom;
postion:relative;
}   

.headerimg{
bottom:0;
postion:absolute;   
}

.headerimg img{
width:45%;
height:auto;    
}

但它不起作用。这是我的网站：点击

有什么帮助吗？

Answer 1

你拼错了position。

you have:  postion
change to: position

如何发现这样的事情？在浏览器中打开开发者工具。至少在 Chrome 中，它旁边显示了一个黄色的小三角形，并且该线被划掉了。您会看到错误“未知的属性名称”