定位仿伪元素：后在Firefox

Question

考虑下面的HTML：

<table> 
    <thead> 
     <tr> 
      <th class="title">Test title</th> 
     </tr> 
    </thead> 
</table> 

下面CSS：

table { 
    width: 400px; 
    border: 1px solid #ccc; 
} 

th.title { 
    position: relative; 
    text-align: center; 
} 

th.title::after { 
    position: absolute; 
    right: 5px; 
    content: '>'; 
} 

见的jsfiddle http://jsfiddle.net/63EZB/1。

我想要的是出现在th右侧的大于号。上面的代码适用于Chrome和IE8 +，但不适用于Firefox（28）。 Firefox将标记绝对放在窗口的右侧，就像位置的th元素没有考虑。

怎么回事？

Answer 1

寻找这样的事情Link

CSS：

th.title::after {  
    margin-right: 5px; 
    float:right; 
    content:'>'; 
} 

Answer 2

尝试用论文规则：

th.title:after { 
    position:relative; 
    float:right; 
    right: 5px; 
    content: '>'; 
} 

Answer 3

据我了解（我很少与工作表）表元素不具有绝对或相对定位拌匀。

我只是简单地把一个div放在th里面，并给出相对位置和伪元素。

这也可能给你一些想法：http://css-tricks.com/absolutely-position-element-within-a-table-cell/