将浏览器大小调整为 960px 后 HTML/CSS div 消失

Question

我目前正在制作我的摄影网页。缩小浏览器大小时，所有 html 从 960px 向下消失，只显示灰色背景。

谁能解释为什么会这样？

尽我所能从 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

我的猜测是，当您将 innerwrapper 设置为 15000 像素的宽度，然后继续关闭空白环绕时，内容只是被推到一侧并且无法被看到。尝试摆脱 overflow-x: hidden; 和 overflow-y: hidden; 并查看如果您一直滚动容器以查看内容会发生什么。此外，使用 overflow: hidden 可以完全阻止用户滚动，这可能不是最佳解决方案。