Divs覆盖简单实现

Question

我有一个Div (id=placeholder)，它位于一个表格单元格中，其中一个有三个嵌套的div (content1，content2和content3)。我希望这些嵌套的div具有与其父(id=placeholder)相同的大小，并相互覆盖。

实现这一目标的最简单方法是什么？我正在寻找一种跨浏览器的解决方案。

Html

<table><tr><td>

<div id='placeholder'>
  <div id='content1' class='overlay'>...</div>
  <div id='content2' class='overlay'>...</div>
  <div id='content3' class='overlay'>...</div>
<div>

</td></tr></table>

Answer 1

css

.overlay { position: absolute; }

html

<div id='placeholder'>
  <div id='content1' class='overlay'>...</div>
  <div id='content2' class='overlay'>...</div>
  <div id='content3' class='overlay'>...</div>
<div>

您需要在单元格内使用clearfix来按高度拉伸表格单元格。

代码：http://jsfiddle.net/v6Jnr/

更新:增加了跨浏览器的 clearfix

代码：http://jsfiddle.net/v6Jnr/2/