CSS基础——css 元素溢出
原创
CSS基础——css 元素溢出
原创
落雨
发布于 2022-07-20 19:23:42
发布于 2022-07-20 19:23:42
代码可运行
运行总次数：0
代码可运行
1. 什么是 css 元素溢出
当子元素(标签)的尺寸超过父元素(标签)的尺寸时，此时需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来完成。
overflow的设置项：
- visible 默认值, 显示子标签溢出部分。
- hidden 隐藏子标签溢出部分。
- auto 如果子标签溢出，则可以滚动查看其余的内容。
2. 示例代码
<style>
.box1{
width: 100px;
height: 200px;
background: red;
/* 在父级上设置子元素溢出的部分如何显示 */
/* overflow: hidden; */
overflow: auto;
}
.box2{
width: 50px;
height: 300px;
background: yellow;
}
</style>
<div class="box1">
<div class="box2">hello</div>
</div>3. 小结
- overflow样式属性是设置子标签溢出的显示方式
- 常用使用overflow:hidden;来解决元素溢出
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
