Question

在此标记中：

<div id="A">
  <div id="B">
  </div>
</div>

如果＆＃34;＃A＆＃34;有位置：亲戚和＆＃34;＃B＆＃34;有位置：绝对，似乎＆＃34;＃A＆＃34;想要折叠到零尺寸，无论＆＃34;＃B＆＃34;的实际尺寸如何。我怎样才能得到＆＃34;＃A＆＃34;扩大到其内容的大小？

Answer 1

你不能用CSS做到这一点，你需要JavaScript来设置父容器width和height的{{1}}。

您可以使用#A和.offsetHeight。

两者都返回实际的.offsetWidth / width + height和padding-left / padding-right以及padding-top + padding-bottom和{ {1}} / border-left-width和border-right-width。

在下面的示例中，我给父容器（border-top-width）一个border-bottom-width #A和backgroundImage与子容器相同并设置子容器（width）height和#B的{{1}}字母值可以更好地解释它。

background

border

0.5

您可以在此处详细了解：http://kingori.co/minutae/2013/05/relative-parent-absolute-children/

Answer 2

您是否尝试过显示选项？

显示：阻止

您能提供更详细的代码版本吗？

容器元素扩展到其位置的大小：绝对内容

2 个答案: