div设置了高度，overflow-y:scroll，但是当内容超出高度没有滚动条，也不滚动，请问这是怎么回事啊？

图片描述

以前也是这么写的没问题，这次不知道怎么回事，换成overflow-y:auto 也不行

.content p {
    margin-bottom: 2%;
    line-height: 1.5;
}

谢谢大家，问题解决了，是因为我为了在微信里不显示开发者，加了这个触摸事件都失效了，大意了，惭愧。

 document.body.addEventListener("touchmove", function(e) {
    e.preventDefault();    
 })

阅读 34.5k

overflow-y:auto 就可以了
一般内容不超过没必要显示滚动条.
如果超出不出现滚动条, 可以看一下内容div 高度是否超过了你的这个.content,
我说的高度是真实高度, 比如说

<div class="content">
    <div class="child1">
      <div class="child2"></div>
    </div>
</div>

很有可能你对child1进行了其他操作导致没有撑开content

代码(对比一下):

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .main{
      height: 500px;
      width: 500px;
      background: #ccc;
    }
    .over{
      height: 50%;
      width: 100px;
      overflow-y: auto;
    }
    .large{
      height: 1000px;
      background: red;
    }
  </style>
</head>
<body>
  <div class="main">
    <div class="over"> 
    <p>4.游戏闯关成功可领取一个随机圣诞礼包，有几率开出高 额话费及餐饮免单特等奖，开出后1-5个工作日内进行发 放；</p>
                    <p>5.奖品数量有限，先兑先得，兑完即止；</p>
                    <p>4.游戏闯关成功可领取一个随机圣诞礼包，有几率开出高 额话费及餐饮免单特等奖，开出后1-5个工作日内进行发 放；</p>
                    <p>5.奖品数量有限，先兑先得，兑完即止；</p><p>4.游戏闯关成功可领取一个随机圣诞礼包，有几率开出高 额话费及餐饮免单特等奖，开出后1-5个工作日内进行发 放；</p>
                    <p>5.奖品数量有限，先兑先得，兑完即止；</p>
                    <p>4.游戏闯关成功可领取一个随机圣诞礼包，有几率开出高 额话费及餐饮免单特等奖，开出后1-5个工作日内进行发 放；</p>
                    <p>5.奖品数量有限，先兑先得，兑完即止；</p>
                    <p>6.参与活动前需输入参与活动的正确手机号；无法支持携 号转网的用户和虚拟运营商手机用户充值；输入错误导致 无法领取流量或话费奖品责任由用户承担；</p>
                    <p>7.对于恶意手段参与活动及其他恶性行为导致不公正结果 的，我行有权取消该用户所有奖励，本次活动最终解释权 在法律范围内归郑州银行信用卡部所有。</p>
                    <p>4.游戏闯关成功可领取一个随机圣诞礼包，有几率开出高 额话费及餐饮免单特等奖，开出后1-5个工作日内进行发 放；</p>
                    <p>5.奖品数量有限，先兑先得，兑完即止；</p>
                    <p>4.游戏闯关成功可领取一个随机圣诞礼包，有几率开出高 额话费及餐饮免单特等奖，开出后1-5个工作日内进行发 放；</p>
                    <p>5.奖品数量有限，先兑先得，兑完即止；</p>
                    <p>4.游戏闯关成功可领取一个随机圣诞礼包，有几率开出高 额话费及餐饮免单特等奖，开出后1-5个工作日内进行发 放；</p>
                    <p>5.奖品数量有限，先兑先得，兑完即止；</p>
    </div>
  </div>
</body>
</html>

div设置了高度，overflow-y:scroll，但是当内容超出高度没有滚动条，也不滚动，请问这是怎么回事啊？

你尚未登录，登录后可以

如何自定义设置虚线边框的样式？

怎么把一个矩形div变成一个直角三角形？

怎么去掉聚焦文字处的光标竖线？

只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？

浏览器可以直接解析scss文件了吗？

如何实现前端视频流的处理和优化？

通栏banner图片，如何不变形且内容完全显示不裁剪啊？

div设置了高度，overflow-y:scroll，但是当内容超出高度没有滚动条，也不滚动，请问这是怎么回事啊？

你尚未登录，登录后可以

如何自定义设置虚线边框的样式？

怎么把一个矩形div变成一个直角三角形？

怎么去掉聚焦文字处的光标竖线？

只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？

浏览器可以直接解析scss文件了吗？

如何实现 前端视频流的处理 和优化？

通栏banner图片，如何不变形且内容完全显示不裁剪啊？

如何实现前端视频流的处理和优化？