2013-05-03 24 views
0

对表格行组,表格页眉组,表格行列,表格列组,表格列组,列,表格单元格和表格标题元素未定义。相对于表格单元格的定位

来源:http://www.w3.org/TR/CSS21/visuren.html#propdef-position

有什么想法相对定位我所使用的显示属性设置为表单元格:之前或者:选择后?

.someclass{display: table-cell; position: relative; z-index: auto;} 
/*this won't work*/ 
+1

我没有看到':before'或':after'选择器。 – BoltClock 2013-05-03 09:38:57

+0

我的意思是你有任何技术使用:before或:after例如.someclass:before {display:inline-block;内容:“”;位置:相对;}像这样...... – 2013-05-03 10:44:12

回答

0

有不使用额外的元件的负面余量的有点哈克的方式:

http://jsfiddle.net/CvyxM/1/

td span { 
    display: block; 
    width: 10px; 
    height: 10px; 
    margin: -5px; 
    background: red; 
    position: relative; 
    top: -5px; 
    left: -5px; 
} 

你只需将相对于电池元件的位置,同时消除了对其它元件的尺寸的影响通过在所有方面增加负面的利润率来与元素本身的维度相关联。

问题在于定位元素必须具有固定尺寸(无法与百分比负边距一起使用,因为这取决于外部元素)。

另一种可能更常见的解决方法是在单元格宽度位置相对内添加一个额外的包装元素,并将其他子元素绝对定位到此包装。

+0

请注意,我没有使用表格,而是使用表格显示属性的东西,表格单元格 – 2013-05-03 10:45:52

+0

这应该没有什么区别,它们在这个问题上表现相同。 – Simon 2013-05-03 12:16:47

+0

对不起!我尝试过但没有工作。 – 2013-05-03 13:23:45