关于div的问题

最新推荐文章于 2021-05-19 18:57:55 发布

我是滑稽帝滑滑稽

最新推荐文章于 2021-05-19 18:57:55 发布

阅读量240

点赞数

分类专栏：前端CSS 文章标签： overflowauto cssdiv溢出问题

本文链接：https://blog.csdn.net/cacacacacacacaa/article/details/52665450

版权

前端CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

给一个div设置了高度和宽度如果内容超过了高度和宽度内容就会溢出，div的高度和宽度是不会改变的。

解决方法是overflow：auto 或者overflow：scroll

这样就不会溢出来，而会出现滚动条，内容在里面显示。

具体事例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div
        {
            background-color:#00FFFF;
            width:150px;
            height:150px;
            /*overflow: auto*/
        }
    </style>
</head>
<body>
<p>如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。</p>

<div>
    这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。
</div>
</body>
</html>

我是滑稽帝滑滑稽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于div的问题

给一个div设置了高度和宽度如果内容超过了高度和宽度内容就会溢出，div的高度和宽度是不会改变的。解决方法是overflow：auto 或者overflow：scroll这样就不会溢出来，而会出现滚动条，内容在里面显示。具体事例如下：html>html lang="en">head> meta charset="UTF-8"> title>Titletit
复制链接

扫一扫

专栏目录