如何让html的div内容溢出后显示滚动条

字号+ 作者:alpha 来源:www.seoalphas.com 2018-05-31 11:24 我要评论(0)

有时我们在写前端效果时,比如一个弹窗提示内容比较多,当超出了固定弹窗高度后就需要滚动显示,但是css样式默认是不显示滚动条的,会将超出的部分直接溢出到

有时我们在写前端效果时,比如一个弹窗提示内容比较多,当超出了固定弹窗高度后就需要滚动显示,但是css样式默认是不显示滚动条的,会将超出的部分直接溢出到层外,其实想要不溢出并且出现滚动条很简单,只需要一行代码即可:

overflow-y:auto;


标签
overflow-y:auto 滚动条

本站部分技术文章为参考网上实用内容发布,目的是记录踩坑经验,若未备注来源而侵犯了您原创文章权益,请联系博主删除;对文章有不同看法的朋友欢迎在评论区留言互动

相关文章
  • DIV半透明层 CSS来实现网页背景半透明

    DIV半透明层 CSS来实现网页背景半透明

    浏览次数:762

  • Iframe 用法的详细讲解

    Iframe 用法的详细讲解

    浏览次数:613

  • CSS实现背景透明,文字不透明,兼容所有浏览器

    CSS实现背景透明,文字不透明,兼容所有浏览器

    浏览次数:530

  • Flex 布局教程:语法篇

    Flex 布局教程:语法篇

    浏览次数:382

  • Flex 布局教程:实例篇

    Flex 布局教程:实例篇

    浏览次数:316

  • pc端常用电脑屏幕 ((响应式PC端媒体查询)电脑屏幕分辨率尺寸大全)

    pc端常用电脑屏幕 ((响应式PC端媒体查询)电脑屏幕分辨率尺寸大全)

    浏览次数:277

  • css3中的width:100vh以及calc(100vh + 10px) 视窗高度/宽度

    css3中的width:100vh以及calc(100vh + 10px) 视窗高度/宽度

    浏览次数:250

  • CSS选取第几个标签元素:nth-child、first-child、last-child

    CSS选取第几个标签元素:nth-child、first-child、last-child

    浏览次数:147

网友点评
功能开发中......
0.281250s