如果div高于父div,请不要使用height:inherit

时间:2019-06-27 02:08:39

标签: javascript html css

让我们说我们有一个叫做Billy的div。比利的身高为200px

他的parent,麦克·泰森(Mike Tyson),身高从150px300px不等。

  

只要麦克有身高,我都希望Billy达到use迈克·泰森的身高   200px以下

通过use,我的意思是采用相同的高度。

我对使用javascript持强硬态度,但我想知道仅通过使用纯CSS是否有可能实现我的目标。

有什么想法吗?

哦,还有最后一件事...我知道即时通讯应该包含一些代码,如果有人要求的话,如果有时间,请添加一个JavaScript代码段。

1 个答案:

答案 0 :(得分:2)

您可以将高度设置为100%,将最大高度设置为200px,例如:

.Mike {
    width: 150px;
    height: 150px;
}

.Billy {
    width: 150px;

    height: 100%;
    max-height: 200px;
}