设置局部视图的大小

【问题标题】：Set size for a partial view设置局部视图的大小
【发布时间】：2015-02-15 08:03:45
【问题描述】：

我不太确定要为这个问题添加什么标签，所以如果这不属于某些标签，我很抱歉。

我在一页中有四个部分视图，当我向它们添加数据时，它们会不断扩展。如何设置局部视图的大小？

我想要的是让这 4 个看起来像 4 个实心（非扩展）窗口并具有滚动功能，因此当用户添加更多内容时，他们可以在每个单独的视图中向下滚动。请看以下图片

谢谢！干杯!

【问题讨论】：

【解决方案1】：

你可以通过使用overflow-y:auto来达到你想要的结果。

每个部分视图都将被包装在一个包装器中：

<div class="partialViewWrapper">
    @Html.Partial("_YourPartialView")
</div>

包装器的样式为：

.partialViewWrapper
{
    height:200px;
    width:200px;
    overflow-y:auto;
}

当垂直内容超过包装 div 的高度时，这应该提供滚动条。如果你希望包装器总是有一个滚动条，你可以使用 overflow-y:scroll

【讨论】：