div 超出部分隐藏有滚动条

最新推荐文章于 2024-11-01 14:21:00 发布

可恶吧

最新推荐文章于 2024-11-01 14:21:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：哪些年犯得傻瓜问题文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_44828486/article/details/128236853

哪些年犯得傻瓜问题专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种使用DIV标签实现内容超出部分隐藏并带有滚动条的方法。通过设置高度、宽度及overflow属性，可以有效地控制显示区域，并使得超出的内容可以通过滚动条进行浏览。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习内容：div 超出部分隐藏有滚动条

提示：div 超出部分隐藏有滚动条

例如：

第一步：

   <div style="height:100px;width:100px;background-color: black;overflow-x:hidden;">
        <div style="height:50px;width:100px;border:1px solid #ccc;background-color: aqua;"></div>
        <div style="height:50px;width:100px;border:1px solid #ccc;background-color: aqua;"></div>
        <div style="height:50px;width:100px;border:1px solid #ccc;background-color: aqua;"></div>
      </div>