Не могу увидеть все раскрывающиеся элементы заголовка, если высота экрана невелика ⇐ CSS

[Anonymous]

Выпачающийся список имеет 14 пунктов. Но если вы сделаете высоту своего браузера меньше до точки, где вы не видите выпадающего пункта 5. Когда вы прокрутите вниз, вы не сможете увидеть все 14 выпадающих предметов. Как это можно исправить так, чтобы увидеть все 14 элементов на маленьких экранах? ">

Код: Выделить всё

header {
position: fixed;
height: 5rem;
width: 100%;
background: blue;
}

.dropdown {
position: absolute;
max-height: 500px;
max-width: 448px;
overflow: auto;
}

.dropdown-item {
background: orange;
padding: 2rem;
border-bottom: 1px solid white;
}< /code>


dropdown item 1
dropdown item 2
dropdown item 3
dropdown item 4
dropdown item 5
dropdown item 6
dropdown item 7
dropdown item 8
dropdown item 9
dropdown item 10
dropdown item 11
dropdown item 12
dropdown item 13
dropdown item 14



Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorum neque quos, beatae tempora porro repudiandae consequuntur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perfertur suscipit ut! Fugiat consequuntur eligendi sint totam itaque, soluta, iusto excepturi nobis illo quod aliquam harum? Sit quidem voluptatibus nihil animi omnis! Impedit, cumque ratione unde perferendis aut sapiente omnis obcaecati magnam veniam asperiores nam reiciendis! Numquam, cum omnis rem fugiat iusto blanditiis assumenda nihil, officia obcaecati similique error facilis aliquam odio pariatur autem ipsum ipsa provident vitae enim. Reiciendis odit minus magnam saepe quod optio aliquid dolores illum accusantium labore neque, rerum soluta repellendus et. Est laudantium excepturi distinctio mollitia veniam dolorum, beatae quam nemo? Obcaecati asperiores laboriosam, iste praesentium optio omnis corporis facilis.  Vel quisquam voluptas delectus expedita, tenetur quis praesentium hic necessitatibus illum mollitia deserunt similique quaerat repellendus totam sunt quia unde assumenda! Illum voluptatum eius excepturi, veniam quos explicabo adipisci magnam voluptatem nostrum, aliquid hic corrupti. Quisquam sapiente mollitia quidem voluptatibus accusamus dolore nostrum repellendus, eum consequatur minus totam impedit veritatis repudiandae consequuntur explicabo aut, officiis corrupti iusto necessitatibus itaque exercitationem, perspiciatis minima. Voluptas sequi veritatis tempora optio laudantium eaque, est voluptatum doloribus aspernatur amet incidunt necessitatibus harum eos velit suscipit. Eos harum, doloremque ipsa voluptate velit odit nesciunt id dignissimos neque mollitia provident illo tempore quisquam officiis sint vero cumque perferendis cum sapiente! Velit sed eos harum ea necessitatibus minus eveniet aperiam provident neque impedit enim vitae vel inventore repellendus voluptate porro architecto odit ipsa soluta quidem accusamus, suscipit quod doloribus? Laudantium esse odio in adipisci nam tempora optio sint eius blanditiis ratione pariatur, quibusdam debitis, dolores molestias, officiis officia laboriosam ut explicabo sunt necessitatibus molestiae aut voluptates eaque accusantium. Praesentium odio voluptatum atque ex necessitatibus a earum consectetur, ratione nesciunt amet vel provident, facere sapiente dolor, cumque sunt magni sint? Voluptas eveniet id quaerat dignissimos et, quos ex!

Подробнее здесь: https://stackoverflow.com/questions/794 ... t-is-small