使用html和；主体显示：隐藏

*注：根据和的回答，我重新组织了我的问题，使之完全表达了我想问的问题

我有一个页面布局，它有一个顶部导航栏和一个侧面导航栏。它还有一个显示数据的主要部分。因为我只希望主体部分滚动，所以我设置了

html，body{overflow:hidden；}

和

.main{overflow-y:auto；}

。在用户的回答之后，我进一步将页面转换为弹性框。这就是我到目前为止所做的：

html，
身体，
.集装箱{
溢出：隐藏；
身高：100%；
保证金：0；
}
.集装箱{
显示器：flex；
}
.栏目{
柔性流动：柱；
}
div{
边框：1px点绿色；
保证金：2倍；
}
顶部
.这边{
浮动：左；
显示器：flex；
}
.边跨{
自对准：柔性端；
}
.顶跨{
左边距：自动；
}
.顶{
背景颜色：钢蓝色；
高度：128px；
宽度：100%；
/*这可能是代码味道，因为div已经是一个块元素，但是删除它并不能使布局工作*/
}
.这边{
背景颜色：金色；
宽度：128px；
身高：100%；
}
梅因先生{
身高：100%；
溢出x：隐藏；
溢出y：自动；
弹性：1；
}
.大{
高度：32px；
背景色：#369；
}
.小{
高度：16px；
背景色：#a12；
}

边上的绿色边框在哪里？？？>
底部的绿色边框在哪里\/
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小

您的div中需要一个小的修改

html，
身体{
溢出：隐藏；
}
.窗户{
利润率：64px；
溢出y：自动；
高度：100px；
}
.大{
高度：32px；
背景色：#369；
}
.小{
高度：16px；
背景色：#a12；
}

我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小

您可以使用

flexbox

：

首先将

高度：100%

放在

主体上

并删除默认边距

将

窗口

包装到

flexbox中，如下所示：

<div class="window-wrapper">
   <div class="window">
     <!-- more code here -->
   </div>
</div>

.window-wrapper{
  display: flex;
  flex-direction: column;
  height: 100%;
}


我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
我是大块头
我很小
是有意义的，现在如果我需要使用
.window
来填充剩余的空间（将
左边距
和
右边距顶部
看作其他div-我在OP上编辑了代码以反映这一点-围绕
.window
）。我尝试用
min height:1%替换
height
但这不起作用。有什么建议可以让它这样工作吗？首先，我不明白你的意思，你能告诉我你到底想实现什么吗？如果你从
.window
类中删除边距，你会得到一个div，它将覆盖整个身体的宽度，看起来你是在动态设置高度。Tku，好主意。我编辑了我的文章，以便更准确。也许你可以给一些关于如何处理修改后的问题的见解？通过你的新修改，看看Tku，好主意。我编辑了我的文章，以便更准确。也许你可以对如何处理修改后的问题给出一些见解？@4lackof检查更新后的答案，如果它回答了你的问题。。。让我知道你对此的想法。谢谢