Нашёл массу способов прижатия футера к низу страницы, но все они основаны на дополнительном div (wrapper или обертка), который обычно помещается между head и footer. Есть ли простой способ прижать вот в этом случае (без дополнительного div)?
<!DOCTYPE html>
<html>
<head>
</head>
<body class="b-page">
<div class="b-page__head-line">
</div>
<div class="b-page__line">
</div>
<div class="b-page__main">
</div>
<div class="b-page__line">
</div>
<div class="b-page__footer">
</div>
</body>
</html>
.b-page
{
width:100%;
margin:0;
}
.b-page__head-line
{
height: 150px;
display: table;
width: 100%;
}
.b-page__line
{
width: 960px;
margin: 0 auto;
margin-top:35px;
}
.b-page__main
{
width: 1100px;
margin: 0 auto;
margin-top:35px;
}
.b-page__footer
{
height: 30px;
margin-top:35px;
position: relative;
width: 100%;
}
Средний
