css resize

作者：—上花′Ing 发布日期:2026-01-28 浏览:53

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

.resize-box {
  width: 300px;
  height: 200px;
  background-color: lightblue;
  overflow: auto; /* 必须设置 overflow 不为 visible */
  resize: both; /* 允许用户调整宽度和高度 */
  border: 1px solid black;
}

/* 解释说明：
- `resize` 属性允许用户通过拖动元素的角落来调整其大小。
- `resize: both;` 表示用户可以同时调整宽度和高度。
- 如果只想让用户调整宽度或高度，可以分别使用 `resize: horizontal;` 或 `resize: vertical;`。
- `overflow` 属性必须设置为非 `visible` 值（如 `auto` 或 `scroll`），否则 `resize` 不会生效。
*/

上一篇：css中元素的定位方法

下一篇：css hidden