css - Position: absolute with overflow-y: scroll Scroll doesn't reach the top of the object

Question

So I recently launched my first site! The thing that gave me the biggest headache was this little scroll on the left side of the main page not reaching the top, making the first items impossible to read.

The site is on https://divot.now.sh . All the code is there. I would also appreciate any feedback about design, functionality and security since it's my first website and I'm trying to learn the most out of it.

标签： cssscrollcss-positionoverflowabsolute

Answer 1

You need to add display: inline-block; to your #boxes section:

    #boxes{
       display: inline-block;
    }