容器溢出 关于 overflow 的属性值详细介绍

2024年04月06日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客

容器溢出

语法:

overflow: visible  |  hidden  |  scroll  |  auto  |  inherit;

visible: 默认值,容器溢出不裁剪,正常显示;

hidden: 溢出部分隐藏不可见;

scroll: 当容器没有溢出时,会显示一个默认的滚动条,当容器溢出时,显示一个可以滚动的滚动条;

auto: 当容器溢出时,显示滚动条;

inherit: 规定从父元素继承overflow属性;


当然,还可以设置某一方向的溢出:

overflow-x: visible  |  hidden  |  scroll  |  auto;
overflow-y: visible  |  hidden  |  scroll  |  auto;


本文链接:http://so.lmcjl.com/news/1258/

展开阅读全文
相关内容