滚动条出现在高度小于最大高度的元素上答案

【问题标题】：scrollbar is appearing for element having height lesser than max-height滚动条出现在高度小于最大高度的元素上
【发布时间】：2021-04-06 19:31:55
【问题描述】：

我有一个包含列表（无序）的 div，我已将列表的最大高度设置为 300 像素，并将溢出-y 设置为自动，但即使列表不超过 300 像素，我也可以看到滚动条.

<div class="category">
 <ul class="dynamicList">
  <li>abc</li>
  <li>xyz</li>
  <li>mno</li>
  <li>pqr</li>
  <li>stu</li>
  <li>lmn</li>
  <li>wxy</li>
 </ul>
</div>

注意：列表是动态的

动态列表类的css

.dynamicList{
  max-height:300px;
  overflow-y:auto
}

【问题讨论】：

删除<div class="category">之后的<
使用您的代码在我这边工作得非常好。
抱歉打错了
您能否提供与您遇到的完全相同的行为？我认为有些东西覆盖了overflow-y: auto;

标签： css overflow

【解决方案1】：

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
.dynamicList{
  height:100px;
  max-height:300px;
  overflow-y:auto;
}
</style>
</head>
<body>
<h1>Listbox</h1>
<div class="category">
 <ul class="dynamicList">
  <li>abc</li>
  <li>xyz</li>
  <li>mno</li>
  <li>pqr</li>
  <li>stu</li>
  <li>lmn</li>
  <li>wxy</li>
 </ul>
</div>
</body>
</html>

你能试试这个代码吗？有最大高度，但没有默认高度。

【讨论】：

谢谢大家，我试过了，但行为还是一样，后来发现列表元素的边距属性导致了这个问题，我只是把边距改成了 0px 就可以了