2015-03-28 2 views
0

Контейнер Div не соответствует содержимому Я сделал версию своей страницы с основными компонентами, чтобы поделиться с вами и попытаться решить эту проблему. Проблема в том, что когда вы горизонтально расширяете страницу, изображения вырезаются снизу. Я хочу оставить страницу такой, поэтому без визуальных изменений. PS: Я использую самозагрузкиКонтейнер Div не соответствует содержимому

.image-container{ 
    height: 100%; 
    width: 100%;  
    position:absolute; 
} 

https://jsfiddle.net/power96/q15oo62d/

+1

Есть ли действительно нужно поместить контейнер изображение совсем? Кроме того, ваш код jQuery должен быть модульным. – Terry

+0

Да, вы должны удалить позицию: absolute; Это не имеет смысла –

+0

Если я удалю позицию: абсолютная анимация не работает так же, как раньше. Просто попробуйте ... – power96

ответ

0

Я добавил Наследовать к изображениям

.image-container img{ 
    height:inherit; 
    width:100%; 
} 

https://jsfiddle.net/q15oo62d/12/

+0

Спасибо, сейчас это хорошее решение. – power96

+0

вы знаете, что bootstrap имеет действительно хороший слайдер. Вы должны изучить это. Это сэкономит вам немного времени. Http://getbootstrap.com/javascript/#carousel –

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