overflow详解

n辞.

已于 2022-10-08 15:59:44 修改

阅读量700

点赞数

分类专栏：博客文章标签：前端

于 2022-10-08 11:36:23 首次发布

本文链接：https://blog.csdn.net/weixin_65332493/article/details/127205817

版权

博客专栏收录该内容

5 篇文章 0 订阅

订阅专栏

概述：溢出元素内容区的内容会如何处理

取值

overflow: visible;溢出显示，默认值 overflow: hidden;溢出隐藏 overflow: scroll;溢出显示滚动条，横向和纵向滚动条都显示 overflow: auto;自动，内容溢出时，显示滚动条

overflow-x 只包括水平方向。

overflow-y 只包括垂直方向

 body{
            /* overflow:hidden ; */
            /* overflow-x 只包括水平方向。
                overflow-y 只包括垂直方向。 */
            overflow-x: hidden;
            overflow-x: visible;
            overflow-x: scroll;
            overflow-x: auto;

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

        }

<img src="./images/yk.png" alt="">