[CSS] 반응형 웹 높이 설정하는 방법 (width, height)

width

.wrapper{
	display: flex;
}
.left{
	height: 100px;
	float: left;
	flex-grow: 1;
}
.right{
	height: 100px;
	float: right;
	width: 300px;
}

 - right의 300px을 제외한 나머지 공간을 left로 채운다. (height 100px은 임시로 부여한 것)

 

 

 

height

.header{
	height:40px;
}
.content{
	height:clac(100vh - 100px); /* (가로 vw, 세로 vh) */
}
.footer{
	height:60px;
}

 - header와 footer의 px를 제외한 나머지 높이를 content로 채운다.