overflow在css

作者：若离发布日期:2026-03-21 浏览:101

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

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

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

解释说明：

overflow 属性用于控制当元素的内容超出其容器的尺寸时如何处理。
在这个例子中，.container 的宽度和高度都是 200px，而 .content 的宽度和高度是 300px，因此内容会超出容器。
使用 overflow: auto 时，浏览器会在需要时自动为容器添加滚动条，以便用户可以滚动查看超出部分的内容。

上一篇：css超过3行显示为...并且可以展开

下一篇：css 透明背景