在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
CSS 元素溢出是什么？怎么使用？通俗的说CSS样式中子元素尺寸超出了父元素尺寸造成页面的错位，视觉效果差，解决内容错位的问题我们需应用元素溢出的解决办法来让内容正常展现出来。
CSS 元素溢学习目标：熟练掌握元素溢出的解决办法。
CSS 元素溢出是什么？
当子元素(标签)的尺寸超过父元素(标签)的尺寸时，此时需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来完成。
overflow的设置项：
1.visible 默认值, 显示子标签溢出部分。
2.hidden 隐藏子标签溢出部分。
3.auto 如果子标签溢出，则可以滚动查看其余的内容。
overflow的设置项示例代码：
CSS 元素溢出总结：overflow样式属性是设置子标签溢出的显示方式，常用使用overflow:hidden;来解决元素溢出。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
CSS 选择器的种类有哪些？怎么用？
下一篇：
HTML基本结构包含几个部分？
相关推荐 更多
孩子学Python入门书籍推荐
随着山东将Python编程语言加入小学信息技术教材，Python的学习也有低龄化的趋势。那么孩子学python要看什么入门书籍呢？小编的建议是，最好挑选能引起孩子兴趣，深入浅出讲解Python的书。
9473
2019-08-21 20:54:09
学习Python开发难不难？
Python编程语言近几年已然成为最热门的编程语言之一，Python编程语言被广泛引用语人工智能开发、数据科学、Web开发、自动化测试、自动化运维等领域。由于Python开发工程师的就业范围广泛、就业薪资较高，很多同学将Python作为自己进入互联网的首选语言。还有一些同学在问学习Python开发难不难？想了解这个问题，就跟着小编一起学习一下吧。
4969
2019-10-28 18:50:45
零基础学习Python 基础知识入门篇
众所周知，Python是一门集优雅、明确和简单于一体的编程语言，近来随着Python语言在各个行业领域的广泛运用，Python的学习者是越来越多。本文为大家整理了零基础小白入门Python的必需要学习的一些基础知识，内容包括标识符、关键字、引号、编码、输入输出、缩进、多行、注释、数据类型等等。有学习需要的小伙伴赶紧看下去吧！
5740
2019-11-03 22:23:49
Flask框架学习之环境配置
Flask框架作为轻量级Web应用框架，最大的特征是轻便灵活，第三方库的选择面广，容易上手，试错成本低。为了帮助大家学习并掌握Flask框架，本文将会带着大家一步步的完成Flask安装的环境配置工作，让我们马上开始吧~
4015
2020-08-07 19:31:41
编程语言Python入门学习方法有哪些？
编程语言Python入门学习方法有哪些？不少人学Python编程由入门到放弃，主要原因就是大部分人没找到正确的学习方法。Python相比其他语言更简单易学，无论是对于广大学习者还是程序员，简单易学就拥有了最大的吸引力，那么如何找到适合自己的学习方法是大家关心的问题。
3736
2020-09-04 14:57:17
