为什么在使用无序列表的相对定位值时我能够水平滚动？

I'm a little bit confused on why the page allows me to scroll horizontally even if there's nothing there. I started to see this when I changed my lists to relative positioning. I don't understand why that blank space. However, this does not happen when I use absolute positioning, but I want to use relative positioning. Please, what is happening? The problem is in the list within "div_footer". Here's my HTML code:I'm a little bit confused on why the page allow