html中div加滚动条

avatar
作者
猴君
阅读量:1

要在HTML中给<div>元素添加滚动条,可以使用CSS的overflow属性。

  1. 如果希望在垂直方向上添加滚动条,可以使用overflow-y: scroll;属性。
<div style="height: 200px; overflow-y: scroll;">   <!-- 这里放内容 --> </div> 
  1. 如果希望在水平方向上添加滚动条,可以使用overflow-x: scroll;属性。
<div style="width: 200px; overflow-x: scroll;">   <!-- 这里放内容 --> </div> 
  1. 如果希望在两个方向上都添加滚动条,可以使用overflow: scroll;属性。
<div style="width: 200px; height: 200px; overflow: scroll;">   <!-- 这里放内容 --> </div> 

请注意,使用上述方法添加的滚动条可能会在页面内容不足以填满<div>元素时出现。如果希望只在内容溢出时显示滚动条,可以使用overflow: auto;属性。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!