我目前正在制作我的摄影网页。缩小浏览器大小时,所有 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;}
最佳答案
我的猜测是,当您将 innerwrapper 设置为 15000 像素的宽度,然后继续关闭空白环绕时,内容只是被推到一侧并且无法被看到。尝试摆脱 overflow-x: hidden;
和 overflow-y: hidden;
并查看如果您一直滚动容器以查看内容会发生什么。此外,使用 overflow: hidden
可以完全阻止用户滚动,这可能不是最佳解决方案。
关于将浏览器大小调整为 960px 后 HTML/CSS div 消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48433512/