CSS Tutorial for Beginners Part 19 - CSS Overflow | Learn Web Technologies
Previous Video : CSS Position Property
• CSS Tutorial for Beginners Part 18 - CSS P...
CSS Playlist
• CSS Tutorial for Beginners
HTML Playlist
• Html tutorial for beginners
Sign up for my newsletter to receive weekly updates
http://bit.ly/2RRFktj
Join our facebook page
bit.ly/2OKQYV7
CSS Layout - Overflow
Overlapping Element
When elements are positioned, they can overlap others element.
The z-index property specifies the stack order of an element (which element should be placed in front of, or behind, the others).
The CSS overflow property controls what happens to content that is too big to fit into an area.
Overflow property specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area.
The overflow property has the following values:
1. Visible : Default. The overflow is Not clipped. The content renders outside the element’s box.
2. Hidden : The overflow is clipped, and the rest of the content is invisible
3. Scroll: The overflow is clipped, and the scroll bar is added to see the rest of the content.
4. Auto: Similar to scroll, but it adds scroll only when necessary.
Note: The overflow property only works with block level elements with a specified height.
----------------------------------------------------------------------------------------------------------------
#LearnWebTechnologies #CSS #CSSTutorialForBeginners