CSS3 display--overflow property for content that cannot fit in the box

Overflow property

1. If you set the overflow property value to hidden, the text beyond the fit will be hidden.

div{

Overflow:hidden;

}

2. If the overflow property value is set to scroll, a fixed horizontal scrollbar and a vertical scrollbar will appear in the DIV element, and the text will be scrolled when it exceeds the range of the DIV element.

div{

Overflow:scroll;

}

3. If the overflow property value is set to auto, the horizontal scroll bar or vertical scroll bar appears as needed when the text is outside the range of the div element, and scrolling displays content that is outside the range.

div{

Overflow:auto;

}

4. If you set the property value of the overflow property to visible, the text that exceeds the containing range is displayed as is when the overflow property is not used.

5.overflow-x Properties and Overflow-y properties

CSS3 display--overflow property for content that cannot fit in the box