Simditor.js中的HTML，CSS水平滚动工具栏

Question

大家好我开发一个移动应用程序，我想让这个工具栏可以滚动（水平），我只是把它放在

white-space:nowrap;
overflow:auto;

但现在有两个按钮（颜色和表格）不像以前那样工作，它们提供的选项没有显示或更好地被textarea覆盖。我试过把

z-index:0;

但没有任何事情发生。任何想法如何解决或可能是什么问题？

工具栏/菜单的通缉结果

Answer 1

谢谢所有人的帮助，我用这个

覆盖了原来的CSS来解决

.simditor .simditor-toolbar .toolbar-menu {
  display: none;
  position: relative;    <------- before was absolute
  z-index: 21;
  background: #ffffff;
  text-align: left;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

Answer 2

您可以使用 overflow-x 和 overflow-y ：

＆＃13;

＆＃13;

.topbar{ 
  height: 40px;
  background-color: gray;
  white-space: nowrap;
  overflow: visible;
}
.inner{
  overflow-x: auto;
}
.menuitem{
  height: 80px;
  display: inline-block;
  background-color: red;
}

＆＃13;

<div class="topbar">
	<div class="inner">
		<span class="menuitem">Menu Item</span>
		Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item | Another Item
	</div>
</div>

＆＃13;

＆＃13;

＆＃13;