滚动条属性overflow

• overflow: visible; - 内容超出容器边界，无滚动条。
• overflow: hidden; - 内容被截断，不显示超出部分，无滚动条。
• overflow: scroll; - 内容超出容器，显示滚动条，无论是否需要滚动。
• overflow: auto; - 内容超出容器时，自动出现滚动条。
• overflow-x和overflow-y；-分别用于控制水平方向和垂直方向

内容超出显示滚动条，内容没超出隐藏滚动条 (举例)

.container {  
  /* 设置容器的高度 */  
  height: 200px;  
    
  /* 当内容超出容器高度时显示滚动条，否则隐藏滚动条 */  
  overflow-y: auto;  
    
  /* 其他样式 */  
  border: 1px solid #ccc;  
  padding: 10px;  
  box-sizing: border-box; /* 确保padding和border不会增加容器的大小 */  
}