выровнять дно DIV, без определенной высоты

Question

Попытки выровнять дно # сверху BTN к верхней части колонтитула Но я don'twant определить высоту # сверху BTN

HTML

<footer class="row"> 
    <a id="top-btn" href="">...</a> 
</footer 

CSS

#top-btn { 
position: absolute; 
display: block; 
z-index: 1000; 
right: 50px; 

bottom: ?; 

text-align: center; 
text-transform: uppercase; 
font-weight: 700; 
font-size: 1.25em; 
letter-spacing: 1px; 
color: #fff; 
padding: 16px 35px; 
background-color: #d11e5d; 
} 

Answer 1

Вы можете использовать относительное/абсолютное:

footer { 
 
    margin:2em; 
 
    background:gray; 
 
    position:relative;/* absolute child will use it as reference*/ 
 
    } 
 
a { 
 
    position:absolute; 
 
    right:50px; 
 
    bottom:100%;/* from its referent container, goes right on top of it, no matter parent's height's */ 
 
    background:yellow; 
 
    }

<footer class="row"> 
 
    <a id="top-btn" href="">...</a> 
 
    <p>some text here?</p> 
 
</footer> 
 
<footer class="row"> 
 
    <p>some text here?</p> 
 
    <a id="top-btn" href="">...</a> 
 
    <p>some text here?</p> 
 
    <p>some text here?</p> 
 
</footer> 
 
    <footer class="row"> 
 
    <p>some text here?</p> 
 
    <a id="top-btn" href="">...</a> 
 
    <p>some text here?</p> 
 
</footer