css - 如何在矩形div的边框中添加图像

Question

我有一个 div 大约。宽度为 730 像素，高度为 50 像素。我想在 div 高度完成的 div 底部添加一个图像。我的意思是在 50px 高度之后。我有一个查询，用于在底部附加图像。我必须取另一个 div 并给它一个背景图像或任何其他想法。

Answer 1

我制作了这个样本position: relative

http://jsfiddle.net/R67zM/2/

HTML：

<div  id="parent">
<div id="image">fff</div>
</div>

其他内容 CSS：

​#parent {
 width: 750px;
 height: 50px;
 background: red;   
 /*height of the image*/
 margin-bottom: 60px;
}
#parent #image {
 position: relative;
 width: 100%;
 height: 60px;
 background: green; 
 /*height of the  parent */  
 top: 50px;
}