Лучшая практика для разработки сайта с открытым - пользовательская таблица?

Учитывая Ваши спецификации, это является лучшим, я мог, придумал:

<div style="position: relative; height: 100px; width: 100px; background: red;">
    <div style="height: 100px; width: 100px; overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
    <div style="position: absolute; top: 20px; left: 20px; height: 100px; width: 100px; background: green;"></div>
</div>

Там у Вас есть свое отделение с overflow: auto;, таким образом, полосы прокрутки появятся в случае необходимости, и выпадающее отделение будет похоже, оно расширяется, "снаружи это - родитель". Оба держатся вместе под тем же родительским отделением, поскольку Вы заявили, что они контекстуально относились друг к другу.