从一个div继承高度到另一个div

Question

我想继承div内容到div信息的高度，它不起作用，继承我的代码。 这是一个小提琴：http://jsfiddle.net/maximusperson/pssh3jzg/ 我希望红色和蓝色一样高。 HTML：

<div class="content">
   <div class="information"><p>Welcome to website,<br>Created by me</p>
   </div>
</div>

CSS：

.content {
    position: absolute;
    top: 100 % ;
    left: 0;
    width: 100 % ;
    height: 50 % ;
    background: white;
    align-self: center;
    margin: 0;
    padding: 0;
    background-color: blue;
}

.information {
    height: inherit;
    font-size: 24 px;
    font-family: serif;
    font-color: black;
    text-align: center;
    vertical-align: middle;
    background-color: red;
}

Answer 1

当您向Percent中的任何div（此处为height）提供div.content时，它始终与该div的父级相关，并且我再次相信{{1}的父级} div根本没有任何高度。

因此，在content上提供height:inherit将无法正常工作，即课程div.information与课程information具有相同的高度，而不是content }，如div.information所示，height: inherit的高度为50%。

但是如果您以固定单位提供div.content高度（百分比是相对单位），例如像素，则div.content的高度与div.information完全相同（可以说是继承）

这是fiddle。

Answer 2

请查看此http://openlayers.org/en/v3.6.0/apidoc/ol.geom.html#GeometryType

我在代码中做了一些更改

{{1}}

Answer 3

您的代码运行正常，

你对.information说高度是继承的，所以.information 将50%关于父母，

如果您想要相同的height，则必须将100%设置为.information