Как поместить изображение в div, что изображение больше, чем div?

Question

Привет У меня есть DIV, как нравится, что

---

Это Компоновка кадра Див

---

Это мои изображения

---

Это результат

Изображения ширина и высота не фиксируется, потому что я не знаю, что размер изображения

Пожалуйста, помогите мне

Answer 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/

Answer 2

Вы можете установить ширину изображения/высота в зависимости от процента от div:

div img 
{ 
    width:100%; 
    height:100%; 
} 

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