CSS scrollable-y，visible-x

Question

我的问题与CSS overflow-y:visible, overflow-x:scroll有关，但我仍然不能解决我的问题。我想在y轴上有一个可滚动的侧边栏，在x轴上挂一个可见的标签。

我的HTML设置：

<div>
   <ul>
     <li>
     </li>
     <li>
       <div> ... //want it to be visible x
       </div>
     </li>
   </ul>
</div>

CSS：

我试着使用这个：

.div { overflow-y:scroll; overflow-x:visible; }
.li { position:relative; }
.div { position:absolute; top:0px; left:-100px; display:inline-block; }

Answer 1

通常，如果希望在div中查看滚动，则应使用

overflow-x:scroll;

请确保添加一个类，否则滚动也会出现在外部div中，或者使用层次结构。

div ul li div{ overflow-x:scroll }
.my-div-scroll{ overflow-x:scroll }