combinar px y % en un solo div

[pzin]

Bienvenido a FdW.

Iniciado por elpabloncho

si hubiera alguna forma de darle a un div un ancho en % y px al mismo tiempo asi como width:100% -500px; para restarle 500px al 100% seria mejor todavia.

Haber hay:

Código CSS:

width: -webkit-calc(100% - 500px); /* Para que funcione en WebKit (Safari, Chrome, Opera(?)) */
width: calc(100% - 500px);
 

Aunque con algo así de simple te va bien:

Código HTML:

<section id="izquierda"></section>
<section id="derecha"></section>
<section id="contenido"></section>
 

Código CSS:

section#izquierda {
  float: left;
}
 
section#derecha {
  float: right;
}
 
section#izquierda,
section#derecha {
  width: 100px; 
}
 
section#contenido {
  margin: 0 100px;
}