控制<div>的位置

Question

一般情况，给div定位，不是都是取相对位置吗，而这个相对位置一般都是相对浏览器的吧
那么，我想请教的是，能不能让div相对于最外层的table来定位？

Answer 1

这个你需要使用js计算了，

position:relative是相对父对象的位置

---

【孟子E章】

Answer 2

父对象是这样的吗？
<div id="div0">
  <div id="div1">
    <div id="div2"></div>
  </div>
</div>
这个“div1”是不是就是“div2”的父对象呢？

Answer 3

是的。准确地说：position:relative;是对于他前面的内容来定位的。

---

【孟子E章】

Answer 4

你可以将外层的position设置为relative来实现。，例子，看看能否满足你的需求

<table>

<tr>

<td>为了占位使用的内容</td>

<td>

<table style='position:relative;border:1px solid blue'>

<tr>

<td>假设为外层的表格</td><td>假设为外层的表格</td>

</tr>

<tr>

<td>假设为外层的表格</td><td>

<table>

<tr>

<td>嵌套的表格内容</td>

<td><div style='position:absolute;background:red;height:20px;width:400px;left:10px;top:0px'>真正的div</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

---

【孟子E章】

Answer 5

谢谢。很形象！