У меня есть следующие настройки.Родитель имеет отступы 10px (с 56% отступа, чтобы сохранить его высоту), и я хочу, чтобы абсолютный ребенок наследовал отступы 10px.Я могу установить дочернюю позицию сверху, слева, справа, снизу до 10 пикселей, но это беспорядок.Если я изменю ребенка на родственника, он теряет свой рост.Могу ли я заставить его высоту к родительской высоте с относительным в этом случае?
.wrap {
position: relative;
width: 100%;
max-width: 500px;
}
.slide {
position: absolute;
padding: 10px;
background: red;
padding-top: 56.25%;
box-sizing: border-box;
width:100%;
}
.content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 10px;
background: blue;
}
<div class="wrap">
<div class="slide">
<div class="content">
lorem ipsum dolor
</div>
</div>
</div>