I’d like to achieve the next result: I have 2 columns with the right

Question

0

Asked: June 3, 20262026-06-03T23:06:43+00:00 2026-06-03T23:06:43+00:00

I’d like to achieve the next result: I have 2 columns with the right

0

I’d like to achieve the next result:
I have 2 columns with the right one filling the remaining width.
Once the right one drops below its min-width it has to go below the left colum and the left column should fill the whole width.
Is this possible using only css?

This is the closest I could get, but it doesn’t work in FF and the leftcol obviously keeps its min-width of 100px when the rightcol drops below it.

#leftcol{
    background-color: blue;
    width: 20%;
    min-width: 100px;
    float: left;
}

#rightcol{
    background-color: yellow;
    min-width: 200px;
    overflow:hidden;
}