Есть подобная разметка:
<div class="col-3">
<aside class="filter">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean congue fermentum enim, et viverra metus interdum non. Nulla nulla ligula, dignissim vestibulum congue non, rhoncus sed sapien. Suspendisse auctor sit amet sem non vulputate. Quisque et dapibus
nunc. Phasellus rutrum quis tortor a condimentum. Morbi tincidunt hendrerit ipsum nec lacinia. Nunc consequat ligula justo, a posuere diam vestibulum non.
</aside>
</div>
И стили:
.col-3 {
width: calc((100% / 12) * 3 - (16px * 2));
}
.filter {
position: fixed;
}
Position: fixed
как обычно расширяется, но зажать его в рамки родителя не получается даже с использованием inherit
Как в таком случае сделать так чтобы ширина filter === col-3
?