css中实现在div中有滚动条

CSS中可以通过给div元素添加样式，并设置overflow属性，来实现在div中有滚动条的效果。

div {
  height: 300px;
  width: 500px;
  overflow: auto;
} 

上面的代码中，height和width属性分别设置了div的高度和宽度，overflow属性设置为auto，表示当内容溢出div边界时自动添加滚动条。

如果希望在垂直方向上添加滚动条，可以设置overflow-y属性：

div {
  height: 300px;
  width: 500px;
  overflow-y: auto;
} 

同样的，如果希望在水平方向上添加滚动条，可以设置overflow-x属性：

div {
  height: 300px;
  width: 500px;
  overflow-x: auto;
} 

如果需要同时在垂直和水平方向上添加滚动条，则可以设置overflow属性：

div {
  height: 300px;
  width: 500px;
  overflow: auto;
} 

这样就可以在div中添加滚动条了。当div中的内容溢出div边界时，滚动条就会自动出现。