Question

我正在尝试添加一个布局，其中父div具有固定宽度，其中包含子列（作为div）。具有固定宽度的子级可以动态添加和删除，但是，如果固定宽度父级div内不能容纳更多子级，我希望显示水平滚动条。但是我无法使它正常工作。

.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;
}

Answer 1

将display: flex;添加到.newFilterSelectionColumnContainer

在父级div（均为固定宽度）内添加垂直子级div，并在父级使用动态水平滚动条

1 个答案: