CSS每日计划布局上的粘性顶部栏和侧栏
我正在尝试使用Symfony运行一个多资源计划应用程序，因此我正在使用CSS布局来显示每日计划 下面是我试图实现的模式，如果可能，使用纯CSS： 我希望区域1和2在容器的左侧和顶部保持粘性，以便允许用户在查看标签的同时浏览区域3（将显示预订情况）（尤其是在移动设备上） 我所尝试的是在这个代码片段中（计划容器维度是故意小的，以触发不希望的行为，但不要犹豫地将其调整到屏幕）：CSS每日计划布局上的粘性顶部栏和侧栏,css,grid,Css,Grid,我正在尝试使用Symfony运行一个多资源计划应用程序，因此我正在使用CSS布局来显示每日计划 下面是我试图实现的模式，如果可能，使用纯CSS： 我希望区域1和2在容器的左侧和顶部保持粘性，以便允许用户在查看标签的同时浏览区域3（将显示预订情况）（尤其是在移动设备上） 我所尝试的是在这个代码片段中（计划容器维度是故意小的，以触发不希望的行为，但不要犹豫地将其调整到屏幕）： 。规划容器{ 背景色：#80bdff； 显示器：flex； 弯曲方向：立柱； 溢出：自动； 高度：80vh； 宽度：40
。规划容器{
背景色：#80bdff；
显示器：flex；
弯曲方向：立柱；
溢出：自动；
高度：80vh；
宽度：40vw；
}
.线路{
显示器：flex；
}
.电话，空电话{
背景色：#d2d2d2；
最小宽度：20px；
最大宽度：20px；
最小高度：45px；
最大高度：45像素；
保证金：1px 1px 1px 1px；
}
.行.单元格偏移量{
最小宽度：10px；
}
.行.标题单元格{
背景色：#22c645；
最小宽度：120px；
最大宽度：120px；
最小高度：45px；
最大高度：45像素；
保证金：1px 1px 1px 1px；
位置：粘性；
左：0；
}
.行.标题单元格--第一个{
最小高度：20px；
最大高度：20px；
}
.第一行{
背景色：#5eb5e0；
位置：粘性；
排名：0；
}
.线--第一个小时牢房{
背景色：#d39e00；
文本对齐：居中；
字号：700；
最小宽度：20px；
最大宽度：20px；
最小高度：20px；
最大高度：20px；
保证金：1px 1px 1px 1px；
溢出：可见；
}
0h
1h
2h
3h
4h
5h
6h
标题单元格
标题单元格
标题单元格
标题单元格
标题单元格
标题单元格
标题单元格
标题单元格
标题单元格
标题单元格
标题单元格