Question

#parent div可以通过#child div调整大小（*当#child div使用位置：绝对;）

就像#t_parent表通过#t_child table

调整大小一样

<div id="parent" style="position:relative; width:500px; height:500px; border:#F00 3px solid;">
    <div id="child" style="position:absolute; left:20px; width:800px; height:500px; border:#06F 3px solid;"></div>
</div>



<table id="t_parent" width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>

        <table id="t_child" width="800" border="1" cellspacing="0" cellpadding="0">
          <tr>
            <td>TEXT</td>
          </tr>
        </table>

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

Answer 1

如果有固定的宽度/高度 - 不，你就不能调整大小。

Answer 2

位置绝对位置相对使得div与父级分离，因此您无法重新调整大小。

但请尝试删除position:absolute并提供父div [{1}}，然后您可以重新调整它的大小。

检查

http://jsfiddle.net/9gxyH/

Answer 3

@ user964351;首先，如果您希望子div调整大小为parent div，那么就不需要position:absolute，因为当我们希望元素不影响其他元素时我们使用position:absolute。

但是如果你想要这个功能所以你需要做一点点js。

检查http://jsfiddle.net/sandeep/CLb5r/13/

Answer 4

基于@gtamil示例，请检查此http://jsfiddle.net/sameerast/VqvDu/1/

如何通过绝对div调整div的大小

4 个答案: