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

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

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

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

HTML/CSS div disappearing after resizing browser to 960px

html

css

adobe

resize

muse