css overflow.html

最新推荐文章于 2024-08-10 12:02:24 发布

学无止境慢慢来

最新推荐文章于 2024-08-10 12:02:24 发布

阅读量316

点赞数

分类专栏： CSS

原文链接：https://www.w3school.com.cn/cssref/pr_pos_overflow.asp

版权

CSS 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css overflow</title>
    <style>
        /*参考：https://www.w3school.com.cn/cssref/pr_pos_overflow.asp
        知识点：
            1.overflow 属性规定当内容溢出元素框时发生的事情。
            2.默认值：visible
            3.可能的值：visible|hidden|scroll|auto
        */
        div {
            background-color: #00FFFF;
            width: 150px;
            height: 150px;
            overflow: auto;
        }
    </style>
</head>
<body>
<p>如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。</p>
<div>
    这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。
    因此，有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。
</div>
</body>
</html>