HTML/CSS div исчезает после изменения размера браузера до 960px

Question

В настоящее время я работаю над своей веб-страницей с фотографиями. При уменьшении размера браузера весь HTML-код исчезает с 960 пикселей вниз и показывает только серый фон.

Кто-нибудь может объяснить, почему это происходит?

Скопировал код лучшее, что мог из Adobe Muse.

CSS.

#outer_wrapper {  
width: auto;
height: 560px;
overflow-x: hidden;  
overflow-y: hidden;
white-space: nowrap;
margin: 0 auto;}

#outer_wrapper #inner_wrapper {
width:15000px;}

#outer_wrapper #inner_wrapper.box {
width: auto;
height: 560px;
float: left;
margin: 0 15px 0 0;
border:0.0px white solid;}

#outer_wrapper #inner_wrapper.boxV { 
width: auto;
height: 560px;
float: left;
margin: 0 15px 0 0;
border:0.0px white solid;}

Answer 1

Я предполагаю, что когда вы делаете так, чтобы внутренняя обертка имела ширину 15000 пикселей, а затем продолжала отключать обтекание пробелами, содержимое просто сдвигалось в сторону и не было видно. Попробуйте избавиться от overflow-x: hidden; а также overflow-y: hidden; и посмотрим, что произойдет, если вы прокрутите все контейнеры, чтобы увидеть содержимое. Кроме того, используя overflow: hidden вообще не позволяет пользователю прокручивать, что, вероятно, не лучшее решение.