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

Question

我有一个div约。宽度为730px，高度为50px。我想在div的底部添加一个图像，其中div高度结束.i意味着在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;
}