Размещение изображения внутри div

Я пытаюсь разместить изображение внутри div, но когда я это делаю, оно вообще не отображается. Я сам создал изображение и сделал div подходящим. В настоящее время с max-width и max-height я могу заставить его отображать внутри коробки, но только на долю размера.Размещение изображения внутри div

Мой текущий код ...

HTML

<div id="carousel"> 
    <img src="Images/carousel1.png" alt="#" style="max-height:100%; max-width:100%;"> 
</div>

CSS

#carousel { 
    width: 1280px; 
    height: 300px; 
    border: 1px, #000; 
    border-style: solid; 
    margin: auto; 
    margin-top: 10px; 
}

источник

2016-04-14 Sam St Aubyn

Возможно, ваше изображение в чем проблема? Каков размер вашего изображения? – Adjit

1280 x 300, я создал его в Illustrator и сделал div того же размера –

Во-первых, убедитесь, что путь к изображению правильно. Проверьте консоль и посмотрите, есть ли у вас какие-либо ошибки.

Чем, удалить встроенный стиль на img тег и добавить в файл CSS:

#carousel img { 
    width: 100%; 
    height: auto; 
}

источник

2016-04-14 21:20:08 musicvicious

Приветствия за это, но у меня все еще есть проблема, ширина изображения правильная, хотя это не совсем 100%, но высота заставляет ее смотреть как будто он сжимается. Есть идеи? –

Единственная проблема, я могу думать, почему ее искажение таким образом является обтравочной маской, которую я использовал для обрезки определенного сегмента изображения, но это не должно влиять на png при сохранении уверенно? –

См. Мой обновленный ответ. – musicvicious

Вам нужно будет применить width: 100% и высоту 100% тега изображения, а не только ваш контейнер DIV. проверить это: http://codepen.io/anon/pen/jqzXoR

источник

2016-04-14 21:25:23

Размещение изображения внутри div

ответ

Смежные вопросы