Css 伪元素与<;ul>;显示:表格

Css 伪元素与<;ul>;显示:表格,css,firefox,pseudo-element,Css,Firefox,Pseudo Element,在Firefox(27.0.1)中,我无法定位:如果是显示:表格单元格,则在之后相对于它所属的 如果一个psuedo元素是显示:表格单元格,那么有没有办法在一个上相对于Firefox中的设置psuedo元素的样式,如果不是,原因是什么 在小提琴中,您可以看到伪元素的左边距是文档宽度的33.3%。 “位置:相对”对表格行组、表格页眉组、表格页脚组、表格行、表格列组、表格列、表格单元格和表格标题元素的影响未定义 由于将从具有位置:相对(或根体)的最近父级计算位置:绝对,因此忽略“带位置:相对的表格单

在Firefox(27.0.1)中,我无法定位
:如果
  • 显示:表格单元格,则在
    之后相对于它所属的
  • 如果一个psuedo元素是
    显示:表格单元格,那么有没有办法在一个
  • 上相对于Firefox中的
  • 设置psuedo元素的样式,如果不是,原因是什么

    在小提琴中,您可以看到伪元素的左边距是文档宽度的33.3%。

    “位置:相对”对表格行组、表格页眉组、表格页脚组、表格行、表格列组、表格列、表格单元格和表格标题元素影响未定义


    由于将从具有
    位置:相对
    (或根体)的最近父级计算
    位置:绝对
    ,因此忽略“带位置:相对的表格单元格”父代和将从其他祖先计算。

    您想做什么?@Paulie\u D我正在尝试解释或解决浏览器之间渲染的差异。我不只是想做一张有边框的桌子,我认为小提琴很好地说明了这个问题--更新的问题。Firefox有一个bug,位置为:相对
    元素。
    ul {
        display: table;
        width: 400px;
        border: solid 1px black;
        padding: 0;
    }
    
    li {
        display: table-cell;
        position: relative;
        text-align: center;
    }
    
    li:after {
        content: ' ';
        position: absolute;
        height: 100%;
        width: 1px;
        background: blue;
        margin-left: 33.3%;
    }
    
    li:last-child:after {
        content: none;
    }