[consulta] posicionamiento aside

[pzin]

Tienes varias formas de hacerlo. A mi me gustan estas dos.

Partiendo de esta base:

Con FlexBox:

Código HTML:

<div class="contenedor">
  <div class="contenido"></div>
  <aside></aside>
</div>
 

Código CSS:

.contenedor {
  display: flex;
}
  
.contenido {
  flex: 1;
}
  
aside {
  width: 200px;
}
 

Flotando elementos:

Aquí tienes que alterar el orden de los elementos.

Código HTML:

<div class="contenedor">
  <aside></aside>
  <div class="contenido"></div>
</div>
 

Código CSS:

.contenido {
  overflow: hidden;
}
  
aside {
  float: left;
  width: 200px;
}
 

En ambos casos es una solución en la que aside tiene un tamaño fijo y el contenido ocupará el resto del espacio disponible.