为什么使用溢出会给我这个问题？

Question

I have got a table with a scroll with the style "overflow-x:visible" to the scroll. But when I move the horizontal scroll It look like this 1 I tried applying position: absolute and the overflow problem was solved but the table pasted with the bottom of the top div and the first table header's name dissapear, looking like this 2

Answer 1

Thanks Mayank for your answer, I make the changes but the problem persists, because now I have two horizontal scrollbars, one always visible but too short to show all the table and the other only appears on the bottom of the table and it's only visible if you move down using the lateral scrollbar.

In the first screenshot, you can see the double scroll

In the second screenshot, you can see that in the top of the table you can't see the other columns but the scrollbar is to short to use it