教你玩转CSS Overflow

举报
孙叫兽 发表于 2021/03/29 01:34:07 2021/03/29
【摘要】 目录 CSS Overflow overflow: visible CSS 布局 - Overflow CSS overflow 属性用于控制内容溢出元素框时显示的方式。 <style> #overflowTest { background: #4CAF50; color: white; padding: 15px; width: 80%; height: 1...

目录

CSS Overflow

overflow: visible


CSS 布局 - Overflow

CSS overflow 属性用于控制内容溢出元素框时显示的方式。


      <style>
      #overflowTest {
      background: #4CAF50;
      color: white;
      padding: 15px;
      width: 80%;
      height: 100px;
      overflow: scroll;
      border: 1px solid #ccc;
       }
      </style>
      <div id="overflowTest">
      <p>这里的文本内容是可以滚动的,滚动条方向是垂直方向。</p>
      <p>这里的文本内容是可以滚动的,滚动条方向是垂直方向。</p>
      <p>这里的文本内容是可以滚动的,滚动条方向是垂直方向。</p>
      <p>这里的文本内容是可以滚动的,滚动条方向是垂直方向。</p>
      <p>这里的文本内容是可以滚动的,滚动条方向是垂直方向。</p>
      <p>这里的文本内容是可以滚动的ÿ
  
 

文章来源: sunmenglei.blog.csdn.net,作者:孙叫兽,版权归原作者所有,如需转载,请联系作者。

原文链接:sunmenglei.blog.csdn.net/article/details/107509018

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。