两个div内的图像的Html结构

Question

我认为图片会更好地解释这个问题。 我需要div1作为图像的背景。图像可以具有不同的大小。 任何想法如何制作？

Answer 1

是的，这是可能的。

<强>示例
http://jsfiddle.net/fgshJ/1/

HTML

<div id="div2">
    <div id="div1">
        <img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRi-8XnnXwAZmz_5R5LHRHMNlnYYHCP4WqRdu6vhf_ru8wLK9XB3IrNrwix" />
    </div>
</div>

CSS

#div2 {
    text-align:center;
    border: 1px solid #00f;
}

#div1 {
    border: 1px solid #0f0;
    display: inline-block;
}

img {
    border: 1px solid #f00;
}