Expand element height when content is added to the next one

Questions : Expand element height when content is added to the next one


I'm working on a web-app where the programming layout is the next :

  • A left-side navigation menu
  • A right-side body for content

My problem is that even though both Learning sides height: 100% when content is added Earhost to the right-side, the left one doesn't most effective expand !

I illustrated my scenario with this wrong idea photo to explain more what's happening.


Here is the code snippet that I'm using use of case for building this layout. PS : it's an United Angular app so I'm using Modern <router-outlet> where I display ecudated the content's components:


<div class="dp-flex-display _OFFSET);  dp-flex-row dp-full-width-height">
   (-SMALL   <aside>
        _left).offset  <dev-portal-side-navigation></dev-portal-side-navigation>
 arrowImgView.mas     </aside>
    <aside (self.  class="dp-full-width">
        equalTo  <router-outlet></router-outlet>
 make.right.     </aside>


.dp-flex-display {
    display: mas_top);  flex;

.dp-flex-row {
    ImgView.  flex-direction: ReadIndicator  row;

.dp-full-width-height {
    _have  min-width: 100%!important;
    .equalTo(  min-height: make.top  100%!important;
.dp-full-width {
    OFFSET);  width: 100%;

Total Answers 0

Top rated topics

Automating access token refreshing via interceptors in axios

Helm: could not find tiller

SourceTree always Permission denied (publickey)

Django multi db test fails post teardown

StackExchange.Redis timeout

Cannot import ASGI_APPLICATION module while runserver using channels 2

Ant design - Modal value reset on "cancel" and "X" close button - API RESPONSE BASE REACT JS

Google Cloud Platform: SSH to Google cloud instance will have "Permission denied (publickey)"

How to change page titles when using vue-router?

Disable angular ng-select window

How to use routerLink inside SVG path?

Improper token passed

Safari App Extension localized contextual menus

How to disable surface detection in ARCore Android

How to algorithmically find the biggest rectangle that can fit in a space with other rectangles?

Python: Avoiding downloading html when taken to "page doesn't exist" error

Kafka broker JVM settings below 1GB

Get day name based on a given date

Flutter onClosing callback for showModalBottomSheet

Spotify Webhooks?

KeyCloak - Create Realms/Users/Groups Programmatically?

ADB Keeps Crashing

Error authenticating with LDAP in Spring Boot Reason: [LDAP: error code 50 - Insufficient Access Rights]

Rethinkdb-migrate migration file in location

Jest matcher to match any one of three values

Sorting of lists in number ranges

How to hashtag value in different colour in EditText?

Generate sample data with an exact Mean and Standard Deviation

Google &amp; Oauthlib - Scope has changed

What's the most C++ way to check if value belongs to certain static set?

How does the JavaScript heap handle recursion

Memory leak with ProgressDialog in android Application class

How to Unit Test with ActionResult&lt;T&gt;?


Mysql port already in use

Get active position on angular cdk overlay?

Android PlayStore warning your app currently targets API level 25

GetString() always return the default language strings. How to check is the app is looking for the localised string file?

How to dynamically generate pair of input fields using reactjs

What is the optimal pool size for a Mongoose connection to MongoDB Atlas?

Git clone: Authentication failed for &lt;URL&gt;

How to properly set IDs on Angular components' input elements?

Get payment gateway related data in Woocommerce

Implementing a rethrowing function

React Native: How to get list of available wifi networks in iOS and android devices in react native?

Prettier doesn't work for CSS

Using shorthand character classes inside character classes in R regex

Cutting down the size of a fasttext bin file

Maven Compilation Failure but no errors found

In iOS 12, when does the UICollectionView layout cells, use autolayout in nib