css零到一中级教程004：CSS 布局 - 溢出

最新推荐文章于 2024-08-26 14:18:59 发布

慕容屠苏

最新推荐文章于 2024-08-26 14:18:59 发布

阅读量84

点赞数

分类专栏： css零到一文章标签： css html 前端

本文链接：https://blog.csdn.net/kerryqpw/article/details/123678809

版权

css零到一专栏收录该内容

98 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了CSS中的overflow属性，包括visible、hidden、auto和scroll等值的使用，以及overflow-x和overflow-y的单独控制，帮助前端开发者更好地理解和应用内容溢出的处理方式。

摘要由CSDN通过智能技术生成

CSS overflow 属性控制对太大而区域无法容纳的内容的处理方式。

<!DOCTYPE html>
<html>
<head>
<style>
#overflowTest {
  background: #4CAF50;
  color: white;
  padding: 15px;
  width: 50%;
  height: 100px;
  overflow: scroll;
  border: 1px solid #ccc;
}
</style>
</head>
<body>

<h1>CSS 溢出</h1>
<p>overflow 属性控制着当内容太大以至于区域无法容纳时发生的情况。</p>

<div id="overflowTest">This text is really long and the height of its container is only 100 pixels. Therefore, a scrollbar is added to help the reader to scroll the content. Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai! The city is located on the southern estu

了解本专栏