• 主页

  • 投资

  • IT

    🔥

  • 设计

  • 销售

  • 人

  • 共38篇

    前端 - CSS

关闭

返回栏目

关闭

返回前端 - CSS栏目

33 - 其他属性 - overflow:scroll; - 内容溢出设置

作者：

贺及楼

啊

成为作者

更新日期：2025-01-09 10:30:39

作用：处理内容溢出

  1. .xxx{
  2.   overflow:auto;  //x、y轴启用
  3.   overflow:scroll;  //x、y轴启用
  4.   overflow-x:scroll;//只控制x轴
  5.   width:500px;  //x轴要有宽度
  6.   overflow-y:scroll;//只控制y轴
  7.   height:500px;  //y轴要有高度
  8.   overflow:hidden;  //隐藏不滚动
  9. }
值 描述
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。

用法：一般来说用在比较上层的div里，因为会受padding、margin的影响，可以用

  1. .xx{
  2.     height:98vh;
  3.     overflow:auto;
  4. }

表示：div高度等于屏幕高度98%
开启自动启用轴