JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<div class="content-container">
<div class="content-wrap">
<div class="content">
<h2>No width</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consequat
laoreet cursus. Donec interdum pulvinar aliquam. Donec at turpis lectus.
Nam vel urna felis, iaculis malesuada felis. Proin porttitor est urna.
Integer consectetur auctor neque, nec pretium velit tempus at. Sed rhoncus
rhoncus lacus, vel cursus massa placerat quis. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Proin
iaculis ultrices ullamcorper. Nulla facilisi. Maecenas adipiscing turpis
nec metus tempus tempor. Nullam quis magna nulla, vehicula feugiat odio.</p>
<p>Nulla tristique, augue non tincidunt lobortis, metus odio consectetur
libero, a egestas ante turpis et quam. Mauris elementum tincidunt lorem,
a posuere purus rhoncus eu. Cras sed sagittis purus. Ut varius lobortis
fermentum. Proin eros nunc, tristique a rhoncus id, mollis nec nunc. Proin
nec neque dui, vitae feugiat magna. Donec vestibulum tempus sem ut ultrices.
Nullam et est a est vestibulum placerat.</p>
<p>Vestibulum aliquam, lorem non molestie sagittis, sapien urna egestas libero,
eu mollis est urna in erat. Cras ultricies iaculis ante, sit amet tempor
dolor adipiscing vitae. Pellentesque interdum turpis sed eros tincidunt
ac congue dolor volutpat. Duis bibendum, augue vel rutrum blandit, dui
neque faucibus dui, et facilisis dolor nunc eu quam. Mauris ac lacus dui.
Cras luctus mi ut mi condimentum ut posuere felis ultrices. Nulla...
CSS
.container {
position: absolute;
border: 1px solid red;
max-width: 90%;
margin-bottom: 20px
}
.container + .container {
top: 260px;
}
.content-container {
border: 1px solid green;
max-height: 200px;
overflow: auto;
padding: 15px;
}
.content-wrap {
border: 1px solid navy;
}
.content {
border: 1px solid red;
padding: 10px;
}