Question

我正在尝试将两个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都可见时也有空格。

Answer 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

如何在使用对齐内容空间时修复div

1 个答案: