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

时间:2017-05-17 22:13:55

标签: css sass

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

1 个答案:

答案 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