数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究哪个属性用于告诉浏览器，如果盒子的内容大于盒子本身该怎么办？
CSS 提供了一个名为 overflow 的属性，用于告诉浏览器如果盒子的内容大于盒子本身该怎么办。此属性可以取以下值之一：
| 值 | 描述 |
|---|---|
| visible | 允许内容溢出其包含元素的边框。 |
| hidden | 嵌套元素的内容在包含元素的边框处被简单地截断，并且没有滚动条可见。 |
| scroll | 包含元素的大小不会改变，但会添加滚动条以允许用户滚动查看内容。 |
| auto | 目的与 scroll 相同，但只有在内容溢出时才会显示滚动条。 |
示例
您可以尝试运行以下代码来实现 overflow 属性：
<html>
<head>
</head>
<style>
.scroll{
display:block;
border: 2px solid green;
padding:10px;
margin-top:10px;
width:300px;
height:50px;
overflow:scroll;
}
.auto{
display:block;
border: 2px solid green;
padding:10px;
margin-top:10px;
width:300px;
height:50px;
overflow:auto;
}
</style>
<body>
<p>Example of scroll value:</p>
<div class = "scroll">
I am going to keep lot of content here just to show you how
scrollbars works if there is an overflow in an element box.
This provides your horizontal as well as vertical scrollbars.
</div>
<br />
<p>Example of auto value:</p>
<div class = "auto">
I am going to keep lot of content here just to show you how scrollbars
works if there is an overflow in an element box. This provides your
horizontal as well as vertical scrollbars.
</div>
</body>
</html>
更新于： 2020-06-25
135 次查看
广告