Вот шаблон я использую: http://tympanus.net/Blueprints/ElasticContentSlider/ Источник здесь: http://tympanus.net/codrops/2013/02/26/elastic-content-slider/не могу понять, как удалить ненужное пространство в конце DIV
Ближайший я получил изменяет высоту».main' но он изменяет размер основного окна содержимого.
удалить дополнительное пространство изменить CSS-то вроде этого:
body .container { height:72%;}
.cbp-contentslider { height:100%;}
Чтобы упростить расположение еще больше я хотел бы предложить:
body .container { height:66%;}
.cbp-contentslider { height:100%;}
.main, .container > header { padding:0; width:82%; } // Don't need such padding for .main just use width/margin
попытка поставить html, body, .container, .main {overflow:hidden;} лучший решение для вас ...
Просто обратите внимание, что с помощью этого решения, если кто-то уменьшит окно браузера около 600 пикселей, ваш основной блок начнет срезаться. – webkit
@ 0x0700 вы можете добавить запрос, чтобы удалить проект, когда он достигнет экрана 600px '@media и (max-width: 600px) html, body, .container, .main {overflow: auto! Important;}' – winresh24
это то, что вам нужно
.cbp-contentslider li > div {
position: absolute;
top: 9em;
bottom: 3.313em;
width: 100%;
left: 0;
padding: 0 1em;
overflow-x: hidden;
overflow-y: hidden; //changed this from `auto` to `hidden`
}
это не решает проблему дополнительного пространства вообще. – webkit
Это не то, что вы хотите (изменить размер основного содержимого)? как еще вы могли бы удалить пространство в конце div без изменения размера окна. Проясните, что вы имеете в виду. – webkit
Вы имеете в виду пространство под полем, которое создает вертикальный свиток? – webkit
@ 0x0700: проверьте мой ответ, ответ, который вы приняли, испортит дизайн позже. –