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;
}