CSS Overflow Property
The CSS overflow property comes into action when the content size is greater than the container size. In this case, the CSS overflow property can do the following actions.
The CSS overflow property comes into action when the content size is greater than the container size. In this case, the CSS overflow property can do the following actions.
visible
. It does not clip the larger content and shows the large content even after the
container's box and might overlap other content.
Source Code
div {
width: 250px;
height: 150px;
border: 1px solid #cccccc;
}
div.scroll {
overflow: scroll;
}
div.hidden {
overflow: hidden;
}
Code Explanation
Note When the content size is larger than the container size. In this case, content is displayed outside the container. Therefore CSS overflow is used to deal with the overflow content.