CSS中的overflow-y属性可以用于设置垂直方向上的溢出，当元素中的内容超出了其指定的高度时，我们可以通过overflow-y属性来设置，这个属性可以指定元素在垂直方向上如何处理溢出内容。

同时，我们还可以通过width属性来控制元素的宽度，这样可以避免元素在超出容器宽度时产生水平滚动条，从而提升页面的可用性和美观度。

/* 设置元素的高度和宽度 */
.box {
height: 200px;
width: 300px;
overflow-y: auto; /* 设置垂直方向上的溢出方式 */
}
/* 设置元素的样式 */
.box p {
font-size: 16px;
font-weight: bold;
line-height: 1.5;
margin: 10px 0;
}

通过上面的代码，我们可以将一个容器元素(.box)的高度和宽度进行指定，并设置其在垂直方向上的溢出方式为自动(即当内容超出高度时显示垂直滚动条)。

这里我们还设置了.box p的一些样式，用于美化显示内容，包括字体大小、粗细、行高和外边距等。

总的来说，在使用CSS的overflow-y属性进行垂直方向上的溢出控制时，还需要注意元素的宽度设置，这样可以避免水平滚动条出现，提升页面的可读性和美观性。