JSFiddle - React, Tailwind, and code Playground
by DelphinPRO
HTML
<div id="divmain">
<div id="div3">статичный контент </div>
<div id="div2">статичный контент 500px</div>
<div id="div1">тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент тянущийся контент </div>
</div>CSS
body{ margin: 0px; padding: 0px;}
#div1 { width: auto; background-color: #884444; overflow:hidden;}
#div2 { width: 100px; background-color: #448844; float: right;}
#div3 { width: 50px; background-color: #444488; float: right;}
#divmain { overflow: hidden;};