Собственно, проблема описана в названии темы. Есть родительский элемент с шириной, определённой в процентах и есть дочерний блок, у которого position: absolute
. Так вот, родительский элемент отображается, как пустой, словно в нём и нет никакого контента. Как это исправить?
.parent {
position: relative;
display: block;
width: 20%;
}
.parent .child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.parent .child a {
position: relative;
display: inline-block;
color: blue;
}
<div class="parent">
<div class="child">
<a href="#">Some Button</a>
</div>
</div>
relative
-блок. Чтобы он был такого же размера, как и его дочерний элемент. – JamesJGoodwin 28 апр '17 в 19:24