在网页设计中，CSS（层叠样式表）被广泛应用于控制网页的外观和样式。其中，竖向80%超出滚动条的效果是网页设计中常用的一种效果。

在实现这种效果之前，首先需要了解CSS中的相关属性。其中，

height

表示元素的高度，而

overflow

属性用于控制内容是否溢出其容器区域。当需要让内容超出容器区域时，可以将该属性设置为

scroll

或者

auto

。当需要让内容隐藏时，可以将该属性设置为

hide

下面是示例代码：

.container {
  height:80%;
  overflow-y:scroll;
}

这段代码中，

.container

是一个包裹内容的容器。首先，它的

height

属性被设置为80%，即元素高度为其父元素高度的80%。然后，

overflow-y

属性被设置为

scroll

，表示当内容超出容器高度时，会出现滚动条以便用户可以查看所有内容。

通过以上代码，我们就可以实现竖向80%超出滚动条的效果了。当然，根据实际需求，容器样式可以灵活调整来满足设计要求。