如何将图像放在div中,图像大于div?

时间:2012-04-11 10:47:43

标签: jquery css

嗨我有一个像那样的div


这是Frame a div

enter image description here


这是我的图片

enter image description here


enter image description here 这是结果

图像宽度和高度不固定,因为我不知道什么是尺寸图像

请帮帮我

2 个答案:

答案 0 :(得分:1)

您可以根据div

的百分比设置图像宽度/高度
div img
{
  width:100%;
  height:100%;
}

http://jsfiddle.net/Curt/x83dk/

答案 1 :(得分:1)

您可以这样写:

<强> CSS

div{
    border:5px solid red;
    display:inline-block;
    box-shadow:0 0 0 10px green;
    margin:100px;
}
img{
    vertical-align:top;
}

<强> HTML

<div><img src="http://i.stack.imgur.com/SWutL.jpg"></div>​

选中此http://jsfiddle.net/QkT7d/