Как растянуть блок контента до футера?

@FGe · Регистрация: 07.02.2016

Author24 — интернет-сервис помощи студентам

HTML5

<div id="wrapper">
 
<div id="wrapper1">
 
<div id="header">
header
</div>
 
<div id="content">
Content
</div>
 
</div>
 
<div id="footer">
footer
</div>
 
</div>

CSS

*{
margin: 0;
padding:0;
}
#header{
height: 80px;
background: #FF0000;
}
#content{
background: #ADFF2F;
}
#footer{
height: 40px;
width: 100%;
background: #3498db;
position: absolute;
bottom: 0;
}
#wrapper1{
width: 85%;
margin: 0 auto;
}
html, body{
height: 100%;
background: #5F9EA0;
}
#wrapper{
position: relative;
min-height: 100%;
}

http://pixs.ru/showimage/Snimo... 056215.png

@Aleksandrw · 25.04.2018, 13:06

FGe,

CSS

#content{
background: #ADFF2F;
height: 100vh;
}

@FGe · 25.04.2018, 13:18 **[ТС]**

Если блок контента полностью заполнить, то футер остается на месте.

@Nikita044 · 25.04.2018, 13:24

Спасибо за инфу.

@FGe 0 / 0 / 0 Регистрация: 07.02.2016 Сообщений: 7
	25.04.2018, 13:18 [ТС]	3
	Если блок контента полностью заполнить, то футер остается на месте. 0

@Nikita044 0 / 0 / 0 Регистрация: 25.04.2018 Сообщений: 1
	25.04.2018, 13:24	4
	Спасибо за инфу. 0

Опции темы