Сделать изгиб элемент игнорировать дочерний элемент ⇐ Html

[Anonymous]

Можно ли заставить изгибный элемент игнорировать дочерний элемент, чтобы его размер не влиял на другие элементы? Он имеет заголовок, содержание и нижний колонтитул. < /P>

Код: Выделить всё

< /code>

Я хочу, чтобы обертка игнорировала тег заголовка (заголовок будет прикреплен к верхней части окна). Статья будет установлена ​​на сгиб: 1 

, поэтому она занимает оставшуюся часть пространства, вынуждая нижний колонтитул в нижнюю часть страницы. Вот какой -то образец CSS: < /p>

.wrapper {
display: flex;
flex-direction: column;
height: 100%;
padding-top: 50px; /* Accounts for header */
}

header {
height: 50px;
position: fixed;
top: 0;
width: 100%;
}

article {
flex: 1;
}

footer {
height: 50px;
}
< /code>

Я знаю, что могу просто переместить заголовок за пределами обертки, но у меня есть много существующего кода, который сделает это немного сложнее. Что я прошу даже возможно?

Подробнее здесь: https://stackoverflow.com/questions/398 ... ld-element