1

我的列表中有以下 CSS。我可以看到水平滚动条，但它被禁用了。如何启用它？

 .li {
  position: absolute;
  z-index: 10; 
  list-style: none; 
  margin: 0;
  padding: 2px; 
  max-height: 20em; 
  overflow-y: scroll;
  overflow-x: scroll;

  }

 .ul {
   margin: 0;
   padding: 0 4px;
   border-radius: 2px;
   max-width: 10em;

   white-space: nowrap;
   color: black;
   cursor: pointer; 

   }

请帮忙

4

3 回答 3

1

您的滚动条实际上​​是disabled因为您的内容没有在容器中溢出。当您有更多内容在父容器中溢出时。它会自动工作（将启用滚动）

li {
  position: relative;
  z-index: 10; 
  list-style: none; 
  margin: 0;
  padding: 2px; 
  max-height: 50px; 
  overflow-y: scroll;
  overflow-x: scroll;
  }

JS 小提琴演示

PS：您也可以使用overflow:autowhich 仅当您的内容在父容器中溢出时才显示滚动条。

于 2013-04-23T20:37:26.093 回答
1

你为什么写“.li”和“.ul”？除非这些是列表元素的类名，否则它们应该只是“li”和“ul”（不带句点），或者是各自“li”和“ul”元素的类名。

于 2013-04-23T20:37:35.283 回答
0

首先UL的高度必须大于UL的尺寸。

所以你可以这样做

.li {
位置：绝对；
宽度：10px；
z 指数：10；
列表样式：无；
边距：0；
填充：2px；
最大高度：20em；
溢出-x：滚动；

}

并且内容大小必须大于10px。然后您可以查看scrool。

于 2013-04-23T20:38:59.023 回答