JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div class="wrapper">
<div class="leftsidebar"></div>
<div class="rightsidebar"></div>
<div class="content">
    Доброго времени суток, уважаемые форумчане.
Положение:
Есть div A с определенной шириной, в нём расположены 3 div'а. 1-й div(определенной ширины) float'ом прижат к левому краю. 3-й div(определенной ширины) float'ом прижат к правому краю. а второй div расположен между 1 и 3.
Вопрос: Как сделать так чтобы 2-й div заполнял оставшееся свободное пространство по ширине? </div>
</div>

CSS

.leftsidebar {
    float:left;
    width:20%;
    height:500px;
    background:red;
}
.rightsidebar {
    float:right;
    width:20%;
    height:500px;
    background:green;
}