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