Spalten gleich hoch machen

Oft sucht man lange nach einer Möglichkeit, eine Navigation bis ans Seitenende zu strecken. Allerdings scheitern alle versuche das Problem mit einem float zu lösen.

.container {
	width: 550px;
	background-color: #6CBF45;
}
		
.spalte1 {
	float: left;
	width: 120px;
	background-color: #5488CC;
}
		
.spalte2 {
	width: 410px;
	float: right;
}

Eine Lösung ist es, einen der divs mit einem Hintergrundbild vorzutäuschen. Das funktioniert allerdings nicht bei einer CSS-Only Formatierung, so wie hier auf dieser Seite. Mit einem kleinen und sehr einfachen Trick, kann man den Hintergrund einer Spalte bis ans Seitenende strecken.

.container {
	width: 550px;
	background-color: #6CBF45;
	overflow: hidden;
}
		
.spalte1 {
	float: left;
	width: 120px;
	background-color: #5488CC;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
}
		
.spalte2 {
	width: 410px;
	float: right;
}