div图像大小问题

Question

我希望这有助于解释我遇到的问题 我最近为客户设计了一个水平滚动组合，横向网页设计的权利和错误，是一个简单的单独主题，但是客户想要的东西不同。

我对底部div有一个真正的问题但是当显示器尺寸减小时，它会在侧面创建浏览器滚动条，因为div图像与显示器尺寸重叠。

不会是一个如此巨大的问题，但由于水平站点的性质，它产生了一个区域滚动效果。

是否可以使用css或其他解决方案阻止屏幕从实际显示器尺寸扩展？我可能正在盯着你输入的答案，但不幸的是，大脑似乎并没有起作用。

Answer 1

假设内容区域的高度灵活且背景div是固定高度，那么这应解决它（防止内容区域大于浏览器高度）。出于此目的，我假设你有一些方法可以针对这些div：

html {height: 100%;}
body {height: 100%; position: relative;}    
#content {position: absolute; top: 0; bottom: (whatever the height is of your bottomBkg);}
#bottomBkg {position: absolute; bottom: 0; left: 0;}

#content上的组合顶部/底部在旧版浏览器中不起作用，如果您担心这一点。

Answer 2

您可以使用css3：

HTML {溢出-γ：隐藏;}

这将阻止垂直滚动