我正在尝试将两个div(left-item-container,right-item-container)添加到我的页面顶部并修复left-item-container。我希望在滚动页面时修复左项。正确的项目应滚动并可隐藏。
我也想在div之间留出空间。
.mydiv{
display:flex
justify-content: space-between;
.left-item-container{
position: fixed;
}
.right-item-container{
}
}
当我排除位置时,固定工作间的空间很好 - 但是我松开了固定位置。
我需要帮助才能使左项固定,并且在两个div都可见时也有空格。
答案 0 :(得分:1)
我能够通过给容器一个特定的高度以及向左容器应用flex-start的对齐内容来使它工作,因为我们希望它保持固定。
.mydiv{
display:flex;
justify-content: space-between;
.left-item-container{
border: 10px solid red;
justify-content:flex-start;
position:fixed;
height:30px;
}
.right-item-container{
border:10px solid blue;
height:20px;
}
}
查看此jsfiddle