html - 定位在非固定元素下方

Question

因此，我创建了一个名为 div 的元素，并按高度百分比调整了大小。我想在其下方放置 25 像素的位置。由于此元素不是固定高度，我不确定如何执行此操作。如果这令人困惑，我还有一个 jsfiddle here .如果您仍然感到困惑，我正在尝试让 div THISONE 中的文本在下方显示 25px。

HTML:

<div id="absoluteDiv"></div>
<div id="THISONE">
 I WANT THIS TO SHOW 25px Below the "absoluteDiv"    
</div>

CSS:

#absoluteDiv  {
    background-color:#0F0;
    position:absolute;
    width:100%;
    height:45%;
}

#THISONE {
}

Answer 1

你可以这样做:

#THISONE {    
    position:absolute;
    top:calc(45% + 25px);
}

http://jsfiddle.net/05Lrdhu5/