Я пытаюсь добавить макет, где родительский 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;
}