设置部分视图的大小

Question

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

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

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

谢谢！ 干杯!

Answer 1

你可以通过使用overflow-y：auto。

来达到预期的效果

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

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

包装器的样式为：

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

当垂直内容超出包装器div的高度时，这应该提供滚动条。如果您希望包装器始终具有滚动条，则可以使用overflow-y：scroll