posición: fijo y ancho: heredar con porcentaje padre
Estoy tratando de dar unfijo elemento awidth
de un porcentaje de padres (aquí#container
). Cuando uso pixel en lugar del porcentaje, entonces funciona. ¿Cómo puedo hacerlo? ¿Es esto posible conCSS?
HTML
<div id="outer">
<div id="container">
<div id="fixed">
Sitename
</div>
</div>
</div>
CSS
#outer{
width:300px;
border: 1px solid yellow;
}
#container {
width: 90%; /*When I use e.g 250 px it works. But I need it in percentage*/
border: 1px solid red;
height: 300px;
}
#fixed {
position: fixed;
width: inherit;
border: 1px solid green;
}
Añadir:
Necesitoposition:fixed
. Porque quiero colocarlo en la parte inferior de la página así:
Solución conposition:relativ
no funciona para mi