Здравствуйте! Есть контейнер, в котором лежит блок с текстом .text
и кнопка .btn
. По причинам, в подробности которых я вдаваться не буду, кнопку .btn
мне приходится делать с абсолютным позиционированием, но вести себя она должна так же как и при position: static;
- т.е. располагаться после текста и смещаться в зависимости от высоты блока .text
.
Отсюда у меня вопрос: можно ли с помощью js/jQuery
отслеживать высоту блока .text
как при загрузке, так и при его ресайзе, и присваивать значение этой высоты + отступ, скажем, в 10px
для значения свойства top
у кнопки .btn
?
.wrapper {
position: relative;
max-width: 450px;
margin: 50px auto;
padding: 15px;
box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
}
.text {
margin-bottom: 30px;
}
.btn {
position: absolute;
top: 0;
width: calc(100% - 30px);
display: flex;
justify-content: center;
align-items: center;
height: 30px;
text-decoration: none;
background: rgba(0,0,0,.5);
color: #fff;
}
<div class="wrapper">
<div class="text">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</div>
<a href="#close" class="btn">Some btn</a>
</div>
top: 0
наmargin-top: -25px;
?top:0;
иleft: 0;
относительно родителя.