• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 CSS 元素溢出是什么?怎么使用?

发布时间:2021-12-09 13:42:54 浏览 2297 来源:博学谷 作者:小谷

    CSS 元素溢出是什么?怎么使用?通俗的说CSS样式中子元素尺寸超出了父元素尺寸造成页面的错位,视觉效果差,解决内容错位的问题我们需应用元素溢出的解决办法来让内容正常展现出来。

    CSS元素溢出

    CSS 元素溢学习目标:熟练掌握元素溢出的解决办法。

    CSS 元素溢出是什么?

    当子元素(标签)的尺寸超过父元素(标签)的尺寸时,此时需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来完成。

    overflow的设置项:

    overflow的设置项

    1.visible 默认值, 显示子标签溢出部分。

    2.hidden 隐藏子标签溢出部分。

    3.auto 如果子标签溢出,则可以滚动查看其余的内容。

    overflow的设置项示例代码:

    CSS 元素溢出总结:overflow样式属性是设置子标签溢出的显示方式,常用使用overflow:hidden;来解决元素溢出。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: CSS 选择器的种类有哪些?怎么用? 下一篇: HTML基本结构包含几个部分?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码