Tal vez sería más aconsejable hacer que el elemento de la derecha tome lo que deje el otro. Puedes usar
calc()
:
Código CSS:
Ver original#left, #right {
box-sizing: border-box;
}
#left {
float: left;
width: 200px;
}
#right {
float: left;
width: calc(100% - 200px);
}
Otra forma de hacerlo sería
no flotar el elemento de la derecha y asignarle un
overflow
:
Código CSS:
Ver original#left, #right {
box-sizing: border-box;
}
#left {
float: left;
width: 200px;
}
#right {
overflow: hidden;
}
box-sizing
sirve para cambiar el modelo de caja de CSS, así rellenos y bordes formarán parte del tamaño del elemento, lo que se traduce en menos quebraderos de cabeza a la hora de calcular las cosas.