HTML - Problemas con diversos anidados y CSS

<div class="primerdiv">

	<h1>Hola a todos</h1>

	<div class="segundodiv">

	...

	...

	</div>

	<div class="tercerdiv">

	...

	...

	</div>

</div>

<footer>

...

..

</footer>

<div class="primerdiv">

	<h1>Hola a todos</h1>

</div>

<div class="segundodiv"> (con un float left)

...

...

</div>

<div class="tercerdiv"> (con un float right)

...

...

</div>

<footer> (con un float left por ejemplo)

...

..

</footer>

<header>

  <h1>Encabezado</h1></header>

<main>

  <div>A</div>

  <div>B</div>

</main>

<footer>pie</footer>

body,html{

height:100%;

  width:100%;

  padding:0;

  margin:0;

}

header, footer {

  display:inline-block;

  width:100%;

}

main > div {width:48%; float:left;}