Question

假设您有div (A)和div (B)。 div (A)是父级，并且height: auto。 div (B)也有height: auto。我想知道的是（如果没有.js，甚至可能），如何保持div (B)，div (A)的高度为90％。任何和所有回复都表示赞赏。

修改我想我应该提到，在div中需要扩展div的原因是因为我想在子div中包含随着更多内容添加而扩展的内容。随着孩子的扩张，我希望父母能够扩展，同时与内部div保持一致的距离。

Answer 1

可能没有JavaScript

说div (A)有一些文字（因此它有一个自动计算的高度），其当前高度为x。如果div (B)的高度为y y == x*0.9，则div (A)将不再高到足以容纳div (B)，因为它的高度现在需要是x+x*0.9。据我所知，这是一个循环定义

修改：在divA和divB都是其他div父母的条件下，这些内容仅使用CSS保持90％的比例作为divA的父级divB的{{1}}与height:300px s width是任意的相同：

<!--
    a = 0.52631579, b = 0.47368421
    a + b = 1.0
    b/a = 0.9 (roughly)
-->
<div style="background:#f00; width:150px; height:300px;">
    <div id="divA" style="background:#0f0; width:100px; height:52.631579%"></div>
    <div id="divB" style="background:#00f; width:100px; height:47.368421%"></div>
</div>

自动调整大小的div，分别与其父级保持高度比

1 个答案: