防止div溢出

Question

我正在创建一个水平动画页面过渡系统，其中屏幕可以缩放以适应传入的页面。 我遇到的问题是，当移到较小的页面大小时，前一个（较大）的页面溢出了我的内容包装程序，因此导致我的整个页面超出了页脚。 此屏幕截图显示了我的问题。

屏幕缩小以适应传入的较小页面后，您可以看到当前页面如何从左侧退出。 （黄色是页脚，白色是不需要的屏幕扩展名）。

目前，我的“页面” css是

.myPage
{
width: 100%;
max-width: 100%;

margin-left: auto;
margin-right: auto;

position: absolute;

top: 0;
left: 0;
display:none; /*Pages are displayed once called*/
opacity: 1;
}

我试图摆弄overflow-y：hidden，我以为可以工作，但是没有运气。

我该怎么做才能防止页面类超出内容范围并破坏页面？

编辑：

这是页面包装器。

.pageWrapper
{
background: #FF0000;
position: relative;
width: 100%;
height: 100%;
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
perspective: 1200px;
-webkit-transform: translateX(0%);
}

Edit2： 一个jsfiddle多数民众赞成在打破，但功能我所有的代码

Answer 1

overflow-y不会没有固定工作高度。 尝试将高度设置为100％或其他看起来正确的值。

在这种情况下，您也可以设置bottom而不是height以将元素设置为固定高度。