Hiding the scroll bar on an HTML page

Question

Can CSS be used to hide the scroll bar? How would you do this?

Answer 1

My HTML is like this:

Add this to your div where you want to hide the scrollbar:

.content {
  position: absolute;
  right: -100px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 75%; /* This can be any value of your choice */
}

And add this to the container

.container {
  overflow-x: hidden;
  max-height: 100%;
  max-width: 100%;
}