Css 表单元格中的Safari位置

Css 表单元格中的Safari位置,css,safari,Css,Safari,我的问题是,在Safari中,当它位于表格单元格中时,位置粘滞不起作用。有没有办法保留表格(因为第二列在侧边栏上设置了自动高度),同时将侧边栏内容保留在顶部 表格{ 宽度:100%; 表布局:固定; } 运输署{ 垂直对齐:顶部; } .第二{ 高度:3000px; 背景:#f00; 宽度:70%; } .侧边栏分区{ 位置:粘性; 职位:-网络工具包粘性; 排名:0; 高度:200px; 背景:#000; } 问题似乎是Safari无法将显示:表格单元格元素识别为潜在的包含块。这可能是一个b

我的问题是,在Safari中,当它位于表格单元格中时,位置粘滞不起作用。有没有办法保留表格(因为第二列在侧边栏上设置了自动高度),同时将侧边栏内容保留在顶部

表格{
宽度:100%;
表布局:固定;
}
运输署{
垂直对齐:顶部;
}
.第二{
高度:3000px;
背景:#f00;
宽度:70%;
}
.侧边栏分区{
位置:粘性;
职位:-网络工具包粘性;
排名:0;
高度:200px;
背景:#000;
}

问题似乎是Safari无法将
显示:表格单元格
元素识别为潜在的包含块。这可能是一个bug

一种解决方法是将上下文div包装到另一个
display:block
元素中,让Safari成功地为内部div建立包含块

.table{
高度:1000px;
宽度:200px;
}
.包含块{
身高:100%;
边框:1px实心;
}
.文本内容{
职位:-网络工具包粘性;
位置:粘性;
排名:0;
背景:rgba(255220200,0.5);
}

我是第一个孩子

我的问题是您正在使用表格进行布局。请不要滥用表格,而是使用定位。您解决了这个问题吗?我面临同样的问题。在FF和Chrome中工作良好,但在Safari中则不行。我不得不使用JS