CSS Overflow Property Not working

Question

I'm new to css, the code I am using for the overflow property doesn't appear to be working:

div.hidden {
  background-color: #00FF00;
  width: 1000px;
  height: 1000px;
  overflow: hide;
}

Just curious to know how this thread attracted so many upvotes and favorites. — m4n0
– m4n0, Commented Sep 8, 2015 at 15:57

Marcos Pérez Gude · Accepted Answer · 2015-09-08 15:37:44Z

4

overflow: hidden;

The possible values

 hidden // not scroll, invisible content
 visible // not scroll, visible content
 scroll // scroll ever
 auto // scroll only if it's neccesary

answered Sep 8, 2015 at 15:36

22.2k4 gold badges41 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Reece Kenney · Accepted Answer · 2015-09-08 15:40:06Z

1

What you want is:

overflow: hidden;

Easy mistake, keep it up you'll get it!

answered Sep 8, 2015 at 15:40

Reece Kenney

2,9743 gold badges28 silver badges59 bronze badges

Wraith King · Accepted Answer · 2015-09-08 15:40:38Z

1

Try This Code

 div.hidden {
            background-color: #00FF00;
            width: 1000px;
            height: 1000px;
            overflow: hidden;
        }

answered Sep 8, 2015 at 15:40

Wraith King

1922 silver badges19 bronze badges