<div id="principal">
<div id="1">
</div>
<div id="2">
</div>
<div id="3">
</div>
<div id="4">
</div>
</div>
<style>
#1{
width:50%;
height:50%;
float:left;
}
#2{
width:50%;
height:50%;
float:right;
}
#3{
width:50%;
height:50%;
float:left;
}
#4{
width:50%;
height:50%;
float:right;
}
#principal{
width:100%
height:100%; (esto es lo que estoy en duda si se puede)
}
</style>