none
控制<div>的位置 RRS feed

  • 问题

  • 一般情况,给div定位,不是都是取相对位置吗,而这个相对位置一般都是相对浏览器的吧
    那么,我想请教的是,能不能让div相对于最外层的table来定位?
    2009年9月1日 4:37

答案

  • 你可以将外层的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章】
    • 已标记为答案 NewJoin 2009年9月1日 8:55
    2009年9月1日 8:22
    版主

全部回复

  • 这个你需要使用js计算了,
    position:relative是相对父对象的位置

    【孟子E章】
    2009年9月1日 6:27
    版主
  • 父对象是这样的吗?
    <div id="div0">
      <div id="div1">
        <div id="div2"></div>
      </div>
    </div>
    这个“div1”是不是就是“div2”的父对象呢?

    2009年9月1日 8:01
  • 是的。准确地说:position:relative;是对于他前面的内容来定位的。
    【孟子E章】
    2009年9月1日 8:18
    版主
  • 你可以将外层的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章】
    • 已标记为答案 NewJoin 2009年9月1日 8:55
    2009年9月1日 8:22
    版主
  • 谢谢。很形象!

    2009年9月1日 8:55