css溢出 

CSS Overflow
    overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。

    overflow 属性可设置以下值：

    visible - 默认。溢出没有被剪裁。内容在元素框外渲染
    hidden - 溢出被剪裁，其余内容将不可见
    scroll - 溢出被剪裁，同时添加滚动条以查看其余内容
    auto - 与 scroll 类似，但仅在必要时添加滚动条
    注释：overflow 属性仅适用于具有指定高度的块元素。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>溢出</title>

    <style>
        div {
            width: 200px;
            height: 50px;
            background-color: #eee;
            overflow: scroll;
        }
    </style>
</head>
<body>

<p></p>

<div>
    CSS Overflow
    overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。

    overflow 属性可设置以下值：

    visible - 默认。溢出没有被剪裁。内容在元素框外渲染
    hidden - 溢出被剪裁，其余内容将不可见
    scroll - 溢出被剪裁，同时添加滚动条以查看其余内容
    auto - 与 scroll 类似，但仅在必要时添加滚动条
    注释：overflow 属性仅适用于具有指定高度的块元素。
</div>

</body>
</html>

效果：

 

 



posted @ 2023-01-17 13:37  😂😂幺力儿园毕业😂😂  阅读(23)  评论(0)    收藏  举报