滚动显示时为什么我的内容不在div之外？

Question

这是我的一般包装：

.wrapper{
    width:80%;
    height:100%;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

在这个包装内部，我有两个包装器，导航和条目。

.wrapped-nav{
    width:30%;
    height:100%;
    background-color:#333;
    float:left;
    padding-top:80px;
    text-align:center;
}

.wrapped-ent{
    width:70%;
    height:100%;
    background-color:#666;
    float:left;
}

但是当我在nav部分的内容在外面并且滚动显示在导航器中时，我的包装不会包含我的内容。

我从问题中添加了这张照片：

修改：https://jsfiddle.net/qjLthkg2/

Answer 1

因为您正在使用dnx451容器。

绝对项目取自正常页面流程。它们就像鬼一样，不会根据它的内容进行扩展，所以内部内容就会流下来。

您需要重新考虑自己的造型。