Why is there an extra space at the bottom of the list?

Question

css

.currList {
    max-height: 100%;
    height: 100%;
    max-width: 300px;
    list-style-type: none;
    overflow-y: auto;
    margin-right: 50px;
    background: #f3f3f3;
    padding: 20px;
}

Answer 1

In your screenshot, the last element of the list is not visible.
Html output through for? Or is it a static layout?