El ancho del div principal no superó el valor establecido en su propiedad max-width . ¿Cómo hacer que el niño herede el ancho real del padre y no hacer que el padre aumente su ancho?
Lo siento, pero realmente no entendí la pregunta, pero creo que lo que estás buscando es esto:
.parent-el { max-width: 100px; width: 50px; border: 3px solid black; } .child-el { height: 100px; width: 100%; background-color: red; } <html> <div class="parent-el"> <div class="child-el"></div> </div> </html>