Html 采用柔性设计的固定式收割台

我正在尝试用flex设计创建一个固定标题。但是，当我添加属性

position:fixed

时，下一个div不再位于页眉之后，而是位于页眉下方（我不想向其添加

页边距顶部

）

这是我的密码：

.wrapper{
显示器：flex；
背景色：红色；
填充物：5px；
弯曲方向：立柱；
最小高度：100vh；
}
.头箱{
背景颜色：灰色；
位置：固定；
宽度：100%；
}    
.主集装箱{
显示器：flex；
背景色：#CB6115；
flex grow:1；//使用屏幕的所有空间
}

标题
主要的

我将

固定的

更新为

粘滞的

，这将使它在滚动时固定，直到它正常工作为止

查看代码，它工作正常，没有

页边空白顶部

.wrapper{
显示器：flex；
背景色：红色；
填充物：5px；
弯曲方向：立柱；
最小高度：100vh；
}
.头箱{
背景颜色：灰色；
位置：粘性；
排名：0；
左：0；
宽度：100%；
}    
.主集装箱{
显示器：flex；
背景色：#CB6115；
flex grow:1；//使用屏幕的所有空间
}

标题
主要的

我将

固定的

更新为

粘滞的

，这将使它在滚动时固定，直到它正常工作为止

查看代码，它工作正常，没有

页边空白顶部

.wrapper{
显示器：flex；
背景色：红色；
填充物：5px；
弯曲方向：立柱；
最小高度：100vh；
}
.头箱{
背景颜色：灰色；
位置：粘性；
排名：0；
左：0；
宽度：100%；
}    
.主集装箱{
显示器：flex；
背景色：#CB6115；
flex grow:1；//使用屏幕的所有空间
}

标题
主要的

“我不想在它上面添加页边空白”，这是最干净的修复方法。。。你能解释一下为什么你不想用它吗？然后让它粘起来“我不想在上面加一个边距”，这是最干净的解决方法。。。你能解释一下为什么你不想用它吗？然后让它粘起来谢谢，老实说，我不知道这种“粘”的可能性。太完美了：）谢谢，老实说，我不知道这种“棘手”的可能性。太完美了：）