css超出长度后增加滚动条

当元素内容超出其指定的宽度或高度时，可以使用CSS中的overflow属性来控制滚动条的显示方式。

例如，如果一个元素的宽度为400px，但其内容的宽度为500px，那么可以设置overflow-x属性为scroll，使它在水平方向上出现滚动条：

.element {
  width: 400px;
  overflow-x: scroll;
}

同样，如果一个元素的高度为200px，但其内容的高度为300px，那么可以设置overflow-y属性为scroll，使它在垂直方向上出现滚动条：

.element {
  height: 200px;
  overflow-y: scroll;
}

如果希望同时在水平和垂直方向上出现滚动条，可以使用overflow属性：

.element {
  width: 400px;
  height: 200px;
  overflow: scroll;
}