Представьте себе:
<div class="outer">
<div class="inner">
</div>
</div>
Где:
-
.outer
является частью структуры столбцов, а его ширина является процентильной и, следовательно, жидкостью. -
.inner
представляет элемент позицииfixed
, который должен заполнить 100% ширину элемента.outer
. Однако его положение по вертикали остается неизменным, поэтомуfixed
.
Ive попытался реализовать этот макет со следующим CSS:
.outer {
position: relative;
width: %;
}
.inner {
position: fixed;
width: 100%;
}
Однако .inner
не вычисляет свою ширину в процентах от своего родителя relative
. Вместо этого он заполняет всю ширину окна/документа. Попытка любых свойств left
или right
приводит к тем же свойствам игнорирования родителя.
Есть ли способ обойти это?