CSS 可滚动-y，可见-x答案

【问题标题】：CSS scrollable-y, visible-xCSS 可滚动-y，可见-x
【发布时间】：2017-06-07 00:01:13
【问题描述】：

我的问题与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; }

【问题讨论】：

【解决方案1】：

一般来说，如果你想在 div 中查看滚动，你应该使用

overflow-x:scroll;

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

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

【讨论】：