css位置绝对表table-cell div的子元素

Question

  

可能重复：
  Can you relativlely or absolutely position items in a display:table-cell?

我有display:table布局。演示是here。

在第二个面板中，div #pos为position:absolute。类似地，其父元素即div#two是position:relative。当我提供#pos { width:100% }时，它的宽度应该是div#two吗？但它的宽度为#wrapper，它是div#two的父级。

这是表格单元安排的行为吗？我必须做什么才能使div#pos具有其父级的宽度。我不想硬编码#pos的宽度。提前谢谢。

Answer 1

您已将包装器设置为右表，#one和#two设置为table-cell，因此#one和#two现在是内联元素，而div #pos which is position:absolute是块。所以现在#wrapper是heirarchy中的第一个块元素是#pos的父元素。做了一次改变。

#wrapper > div {
    display: table-row;
}

DEMO 这就是您要找的内容吗？