Блог

Я работаю над веб-приложением, в котором следующий макет :

• Навигационное меню с левой стороны
• Правая часть текста для содержимого

Моя проблема в том, что, несмотря height: 100% на то, что содержимое с обеих сторон добавляется в правую часть, левая не расширяется !

Я проиллюстрировал свой сценарий этой фотографией, чтобы подробнее объяснить, что происходит.

[ОБНОВЛЕНИЕ]

Вот фрагмент кода, который я использую для создания этого макета. PS : это угловое приложение, поэтому я использую lt;router-outletgt; его там, где я отображаю компоненты контента:

app.component.html

 lt;div class="dp-flex-display dp-flex-row dp-full-width-height"gt;  lt;asidegt;  lt;dev-portal-side-navigationgt;lt;/dev-portal-side-navigationgt;  lt;/asidegt;  lt;aside class="dp-full-width"gt;  lt;router-outletgt;lt;/router-outletgt;  lt;/asidegt; lt;/divgt;  

приложение.компонент.scss

 .dp-flex-display {  display: flex; }  .dp-flex-row {  flex-direction: row; }  .dp-full-width-height {  min-width: 100%!important;  min-height: 100%!important; } .dp-full-width {  width: 100%; }