How does this property work overflow: hidden?

1.	How does this property work overflow: hidden?
Answer» The overflow property in CSS is used for specifying whether the content has to be clipped or the scrollbars have to be added to the content area when the content size exceeds the specified container size where the content is enclosed. If the value of overflow is HIDDEN, the content gets clipped post the size of the container thereby making the content invisible. For example, div { width: 150px; HEIGHT: 50px; overflow: hidden;} If the content of the div is very large and exceeds the height of 50px, the content gets clipped post 50px and the rest of the content is not made VISIBLE.

Answer»

The overflow property in CSS is used for specifying whether the content has to be clipped or the scrollbars have to be added to the content area when the content size exceeds the specified container size where the content is enclosed. If the value of overflow is HIDDEN, the content gets clipped post the size of the container thereby making the content invisible. For example,

div { width: 150px; HEIGHT: 50px; overflow: hidden;}

If the content of the div is very large and exceeds the height of 50px, the content gets clipped post 50px and the rest of the content is not made VISIBLE.

Discussion

No Comment Found

Related InterviewSolutions

How will you fix browser-specific styling issues?
Why do we need to use clear property along with floats in CSS?
What do you understand by tweening in CSS?
What is the importance of CSS Sprites?
How is the nth-child() different from nth of type selectors?
What do you have to do to automatically number the heading values of sections and categories?
How is margin different from padding in CSS?
How will you align content inside the p tag at the exact center inside the div?
How does this property work overflow: hidden?
How does the absolute positioning work?