Webn3rd.com learn CSS

To control overlow of the content css overflow is used

Like you have a content which height is 200 pixel,so when the content can not covered with 200 pixel,like it need 300 pixel to show

So,you can control of the behaviour of extra 100 pixel,as example it can be paragraph text,so you can use scroll or you can hide extra text which are not fit with size

<html>
<head>
<style>
#sc{ height:100px; width:300px; overflow:scroll; }
</style>
</head>
<body>
<p>This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text </p>
</body>
</html>

This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text This is a big text

here,we see that the text is not accomodate in the size for this paragraph text,so we can choose behaviour of the extra text,here we use scrolling,so extra text we can read by scrolling.