How to remove the bottom scroll when the image goes off the screen?

Question

css

Hello.
Please tell me how to remove the bottom scroll when the picture goes off the screen?
Attached the picture. The circled block goes out of bounds and causes a scroll.
Can I somehow make it fit the screen?
Or at least disable the bottom scrollbar?

Here is the code

.table_sale {
  overflow: hidden;
  margin: 434px 0 0 495px;
  position: absolute;
  width: 960px;
  height: 80px;
  opacity: 0.63;
  background: #f5f5f5;
  border: 1px solid #fdcb4d;

Thanks for answers!

Answer 1

You need to make sure that the picture does not pop out. Why invent a patch where it's easier to fix a mistake. And the elements that go off the screen, stretching the workspace - this is clearly a mistake.
As an option, put the image on the background or use absolute positioning for it.

Answer 2

put the image in a div, assign a specific width to the div, no more than 100% of the screen (including padding), assign the image max-width: 100% - when the image is larger than the block, it will fit into its size. Read more about block positioning? for example here htmlbook.ru/css/position to have an idea how and when elements with different positioning behave and how it can be applied.