我试图添加一个布局，其中父div具有固定的宽度，其中包含子列（作为div）。可以动态添加和删除固定宽度的子项，但是，如果子项比固定宽度的父div中可以容纳的子项多，我希望显示一个水平滚动条。但我无法让它发挥作用。

JSFIDDLE：jsfiddle

.newFilterItemsBox {
    padding: 5px;
    width: 690px;
    height: 572px;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 2px;
    border-style: solid;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    flex-direction: column;
    display:flex;
    overflow:hidden;
    background-color: white;
}
.newFilterSelectionColumnContainer {
    width: 685px;
    position: relative;
    top: 25px;
    left:-4px;
    height: 500px;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-top-width: 2px;
    border-top-style: solid;
    overflow-x: scroll;
    overflow-y: hidden;
}
.newFilterSelectionColumn {
    border-right: 1px solid lightgray;
    height: 508px;  
    width: 200px;
    float:left;
    overflow-y:auto;
    z-index:100000;
}