Rozciągający się div

Question

Witam 

Dopiero się uczę więc wybaczcie jeżeli pytanie będzię o totalne podstawy. 

Mam pytanie jak zrobić rozciągającego się diva, załóżmy że mam kod 

#container {
	width: 1150px;
	margin-left:auto;
	margin-right:auto;
}

#square {
	width: 1150px;
	border-radius: 5px;
	background-color: #faf3e7;
}

#logo {
	width: 1150px;
	height: 400px;
	background-image:url(images/logo3.png);
}

#contentR {
	width: 300px;
	height: 200px;
	background-color:rgba(255,255,255,0.6);
	border-radius: 10px;
	position:relative;
	top:450px;
}

to jak zrobić by div square rozciągał się z tłem do diva contentR bez podawania wartości height dla diva square. Mam nadzieje że jest zrozumiałe to co napisałem :) 

 

Pozdrawiam i serdecznie dziękuje za pomoc.  

Answer 1

dodaj do niego height:100%

Comments

Nie działa jak ściągam diva contentR przez polecenie position:relative to div idzie we wskazane miejsce ale div square z tłem się nie rozciąga :( Może ja złym poleceniem ściągam diva contentR ?