Allineare 3 div in modo fluido

[ANTAGONIA]

Buon giorno a tutti, vorrei mettere 3 div uno di fianco all'altro aventi un minimo di distanza tra loro.
Però dovrebbero ridimensionarsi al ridimensionamento della pagina o risoluzione dello schermo.
In pratica adattarsi alle varie esigenze.

/*struttura interessata*/

<div class="toolbar1">
	<div id="men">
		Mappa del sito
	</div>
        <div id="areaRis"><h1>AREA RISERVATA</h1></div>
	<div id="topmodule">
		<div id="yt-login">
			<form action="GoHome.php" method="post"></form>
		</div>
	</div>
</div>

/** relativo css**/

div.toolbar1 {
	width: auto;
	height: 70px;
	padding: 0px 0px 0px 250px;
}

div#topmodule {
	height: 50px;
	margin: 11px 0px 0px 10px;
	float: right;
	color: #FFFFFF;
}

div#yt-login {
	width: 350px;
	height: 55px;
	border:1px solid #767676;
}

/******** PER LINK MAPPA.HTM ******/
#men a{
	margin: 10px;
	padding:0;
	position: absolute;
	left:185px;
	display: block;
	width: 180px;
	line-height: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:102%;
	color: #FFFFFF;
}
#men a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}

Sapete per favore come fare?
Grazie mille