Question

简单的菜鸟问题，假设我有这个：

<div style="height:90%; display:block">
    <div id="second" style="height:inherit">
        <div id="third" style="height:inherit">
        </div
    </div>
</div>

第三个div是否具有72％高度或90％的属性？

Answer 1

它继承了90％，但相对于它的父母，这是90％，但对于孩子来说，就像100％..哦，你得到它:)这里是我的小提琴：{{3 }}

<div style="height:90%; display:block;width:50%;float:left;background:tan">
    <div id="second" style="height:inherit;background:red">
        <div id="third" style="height:inherit;background:pink"></div>
    </div>
</div>

<div style="height:73%; display:block;float:left;width:50%;background:green"></div>

如果与身体的绝对100％比较，是的，它的高度约为73％

Answer 2

是的，不，我的意思是肯定，取决于你所看到的地方：）

所以它始终是其父母身高的90％。

http://jsbin.com/tigod/2/edit

第三个div是否具有72％高度或90％的属性？

90％

Answer 3

它会从父母那里继承90％。

正如有人在评论中所建议的那样，在小提琴中看到结果：它相对于父母的90％，同时约为身高的72％（实际上接近73％）。（页面高度90％的90％的90％）

height属性继承百分比是多少？

3 个答案:

90％