溢出隐藏与显示

最新推荐文章于 2024-03-12 13:07:22 发布

lixiuyuanNo

最新推荐文章于 2024-03-12 13:07:22 发布

阅读量158

点赞数

文章标签： css

本文链接：https://blog.csdn.net/lixiuyuanNo/article/details/119633965

版权

CSS overflow 隐藏拖拽条内容溢出

关键词由CSDN通过智能技术生成

<style>
    .d1{
      width: 200px;
      height: 200px;
      background-color: #F00;
      /* 溢出隐藏 */
      overflow: hidden;
    }
    .d2{
      width: 200px;
      height: 200px;
      background-color: #00F;
      /* 溢出隐藏，并显示拖拽条 默认x，y轴都出现 */
      overflow: scroll;
    }
    .ez{
      width: 100px;
      height: 220px;
      background-color: #0F0;
      /* 溢出隐藏，溢出方向显示拖拽条 */
      overflow: auto;
    }
  </style>

<body>
  <div class="d1">
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta, libero, ipsum quasi aspernatur distinctio perspiciatis nemo accusantium sint molestiae voluptate necessitatibus labore temporibus in beatae quos rem minima cupiditate enim.
  </div>
  <div class="d2">
    <div class="ez">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem nisi eaque eius et, ratione nobis! Explicabo quod quia rerum, amet minus omnis nobis distinctio, optio, dolores nam ea. Repudiandae, et?</div>
  </div>
  
</body>

(个人日常学习记录)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lixiuyuanNo

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
溢出隐藏与显示

<style> .d1{ width: 200px; height: 200px; background-color: #F00; /* 溢出隐藏 */ overflow: hidden; } .d2{ width: 200px; height: 200px; background-color: #00F; /* 溢出隐藏，并显示拖拽条默认x，y轴都出现 */.
复制链接

扫一扫