1div.ex1 {
2 overflow: scroll;
3}
4
5div.ex2 {
6 overflow: hidden;
7}
8
9div.ex3 {
10 overflow: auto;
11}
12
13div.ex4 {
14 overflow: visible;
15}
1/* To solve overflow issue in IE,
2always use properties separately,
3do not use short hand */
4
5div {
6 overflow-x: hidden;
7 overflow-y: auto;
8}
1.my-div{
2 overflow: hidden;
3}
4.my-div-1{
5 overflow-x: hidden;/* Overflow from the div horizanlty will be hidden*/
6 overflow-y: hidden;/* Overflow from the div vertically will be hidden*/
7}
8.scroll-div{
9 height: 150px
10 overflow: scroll;
11 /* Add scrollbar to the div when its height exceded 150px*/
12 /* Can be used horizanlty or vertically according to your layout*/
13}
1The overflow-x property specifies whether to clip the content,
2add a scroll bar, or display overflow content of a block-level element,
3when it overflows at the left and right edges.