He empezado hace poco, pero haver si puedo ayudarte:
CSS
.cuadro1 {
position:relative;
float:left;
width:70%;
height:125px;
border:1px solid #000000;
}
.cuadro2 {
position:relative;
float:left;
width:29%;
height:125px;
border:1px solid #000000;
}
y en el HTML:
<div class="cuadro1"></div><div class="cuadro2"></div>
Puedes jugar con su posicion añadiendo en el css parametros como margin, margin-top, margin-right, margin-bottom, margin-left. Puedes ponerles valores negativos tambien!
Les he añadido un borde para que puedas ver bien donde estan situadas y cuanto ocupan.
Que me corrija alguien que lleve mas tiempo en esto si no es así.