Html 高度属性按原样继承百分比?

Html 高度属性按原样继承百分比?,html,css,height,Html,Css,Height,简单的noob问题,假设我有: <div style="height:90%; display:block"> <div id="second" style="height:inherit"> <div id="third" style="height:inherit"> </div </div> </div> 是的,不,我是说是的,取决于你看的地方:) 因此,它的高度始终是其父

简单的noob问题,假设我有:

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


是的,不,我是说是的,取决于你看的地方:)

因此,它的高度始终是其父代高度的90%。

第三个分区的高度是72%还是90%


90%它将从父项继承90%。


正如有人在评论中建议的那样,看看小提琴的结果:它是相对于父母的90%,同时大约是身高的72%(实际上几乎是73%)。(90%的90%的90%的页面高度)

它继承了90%,但是相对于它的父级,它是90%,但是对于子级,它是100%。。哦,你明白了:)这是我的小提琴:



如果与身体的绝对100%相比,是的,它的高度约为73%

Ya,但你正在努力实现什么?你可以检查一下。当你尝试时,你得到了什么价值?前提是所有父母都有一个高度设置。检查一下@Mr_green fiddle的更新版本:(请看为什么:)谢谢大家,一旦你看到它,它就非常清楚了:)
<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>