Html 父div和子div相邻，不使用position:absolute

有没有一种方法可以在子元素上不使用position:absolute而将父元素和子元素相邻放置（好像它们不是父元素和子元素并向左浮动）？父元素和子元素都应该具有相对于祖辈元素的动态宽度

HTML

<div id="grandparent">
   <div id="parent">
      <div id="child">
      </div>
   </div>
</div>

我不想使用jquery。不过JavaScript也可以。最后，看起来父母和孩子都是“祖父母”元素的孩子，然后飘向左边

---

提前谢谢

如果我正确理解了你的问题，你会将

#child

比

#parent

大9倍，因为你将

#parent

宽度设置为10%

更改：

width: 90%; /* relative to grandparent */

到

---

所以我用css做了这个，我附加了一个。基本上，我将

#child

元素设置为父元素的900%，并将父元素宽度的

边距设置为左

，因此它们不会重叠。希望这有帮助

使用JS来实现这一点，首先要删除

位置：absolute

。如果您需要计算宽度，只需使用JS进行计算。也许这就是您想要的，请注意

#child

的宽度应该比

#parent

的宽度大9倍，因此它应该是

900%

（而不是

90%

）。您正在寻找这个吗

width: 90%; /* relative to grandparent */

width: 900%; /* relative to grandparent */