No hiciste ninguna prueba. La caja grande no tiene altura porque no se la pusiste.
¿De verdad no sabes CSS, o sabes pero vienes a ver cuántos mensajes puedes juntar para tu tema preguntando lo que es evidente?
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
body, html { height:100%;
margin:0;
padding:0;
width:100%;
background-color:silver;
}
#grande{ border:1px solid white;
width:99%;
height:99%;
margin:auto;
text-align:center;
font-size:300%;
}
#uno{ border:1px solid black;
width:49.5%;
display:inline-block;
margin:auto;
height:49.5%;
background-color:blue;
}
#dos{ border:1px solid black;
width:49.5%;
display:inline-block;
height:49.5%;
background-color:green;
}
#tres{ border:1px solid black;
width:49.5%;
display:inline-block;
height:49.5%;
background-color:yellow;
}
#cuatro{ border:1px solid black;
width:49.5%;
display:inline-block;
height:49.5%;
background-color:red;
}
</style>
</head>
<body>
<div id="grande">
<div id="uno">1</div><div id="dos">2</div><br>
<div id="tres">3</div><div id="cuatro">4</div>
</div>
</body>
</html>
¿Qué problema vas a tener para seguir desde aquí?