Tengo una salida de enrutador en un componente. El componente secundario no ocupa todo el ancho. Traté de darle al div del niño ancho: 100%, ancho mínimo: 100%, también con !importante, pero no funciona. ¿Cómo puedo obligar al div del niño a tomar todo el ancho disponible? HTML principal:

 <div fxLayout="column" fxLayoutAlign="space-between stretch"> <div> ... </div> <div fxLayout="row" fxFlexFill> <div class="navbar" fxLayout="column"> </div> <div class="mainDiv" fxFlex> <router-outlet></router-outlet> </div> </div> <div fxLayoutAlign="end"></div> </div>

CSS principal:

 .navbar { padding-top: 40px; padding-right: 80px; border-top: none; } .mainDiv { width: 100%; border-top: none; }

Niño CSS:

 <div class="container">...</div>