Overflow css

/* To solve overflow issue in IE,
always use properties separately,
do not use short hand */

div {
  overflow-x: hidden;
  overflow-y: auto;
}

Div scrollable content

div{
	overflow : scroll;
}

Overflow in css

div{
overflow: scroll;
}

visible - Default. The overflow is not clipped. The content renders outside the element's box
hidden - The overflow is clipped, and the rest of the content will be invisible
scroll - The overflow is clipped, and a scrollbar is added to see the rest of the content
auto - Similar to scroll, but it adds scrollbars only when necessary

Overflow

#wrapper {
    width: 500px;
    border: 1px solid black;
    overflow: hidden; /* add this to contain floated children */
}
#first {
    width: 300px;
    float:left; /* add this */
    border: 1px solid red;
}
#second {
    border: 1px solid green;
    float: left; /* add this */
}

Source: stackoverflow.com

What is a overflow property

/*
Overflow Property in CSS Controls the overflow of one element over another
*/

// If we didn't want it to overflow we can just do this

selector {
	overflow: hidden;
}

CSS overflow

CSS allows us to control the vertical or horizontal scrollbar with two properties.

overflow-x /*controls the horizontal scrollbar*/
overflow-y /*controls the vertical scrollbar*/
overflow-x /*and overflow-y have the same values as the overflow property*/
auto
scroll
visible
hidden

Similar codes

0 vote305 views1 answer
Grandezza caratteri css
CSS
5 votes314 views1 answer
Css animate flashing
CSS
53 votes333 views6 answers
Css transform
CSS
19 votes331 views2 answers
Css circle card
CSS
12 votes375 views1 answer
Css curve table border
CSS
1 vote308 views1 answer
Change color of mark tag in html
CSS
0 vote292 views1 answer
Border box reset
CSS
7 votes307 views3 answers
Css right
CSS
2 votes331 views2 answers
How to have a background image with a color overlay
CSS
0 vote336 views1 answer
Bulk order pre cooked pasta
CSS