css overflow

作者：妳明白莪還在等待嗎？发布日期:2025-04-26 浏览:42

/* 示例代码：使用 CSS overflow 属性 */

.container {
  width: 200px;
  height: 200px;
  border: 1px solid black;
  overflow: auto; /* 当内容超出容器时，自动显示滚动条 */
}

.content {
  width: 300px;
  height: 300px;
  background-color: lightblue;
}

解释说明：

.container 是一个固定大小的容器，宽度和高度均为 200px，并且设置了 overflow: auto。这意味着当容器的内容超出其边界时，浏览器会自动添加滚动条，以便用户可以滚动查看超出部分的内容。
.content 是容器内的内容，宽度和高度均为 300px，超出了容器的尺寸。因此，容器会显示滚动条，允许用户滚动查看完整的内容。

上一篇：css居中

下一篇：css 隐藏滚动条