Question

我有一个Div（id =占位符），它位于一个表格单元格中，一个有三个嵌套的div（content1，content2和content3）。我希望这些嵌套的div具有与其父级（id =占位符）相同的大小并相互叠加。

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

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/

Divs Overlay简单实现

1 个答案: