Home >Web Front-end >HTML Tutorial >Comprehensive understanding of html.css overflow
Comprehensive understanding of html.css overflow
- 高洛峰Original
- 2017-02-18 15:30:101331browse
Comprehensive understanding of html.css overflow
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
p{
height: 110px;
width: 250px;
border: 1px solid red;
}
.a{overflow: visible;
}
.b{overflow: hidden;
}
.c{overflow: scroll;
}
.d{overflow: auto;
}
</style>
</head>
<body>
<p class="a" >
我一直在努力，想与你并肩，如今，跟在你身后都不可能了。每个人都曾执着过，最后，该放弃的还是放弃了。也许在你回忆青春时，我不是主角，连配角都算不上，而你，却是我的整个青春。
</p></br>
<p class="b" >
我一直在努力，想与你并肩，如今，跟在你身后都不可能了。每个人都曾执着过，最后，该放弃的还是放弃了。也许在你回忆青春时，我不是主角，连配角都算不上，而你，却是我的整个青春。
</p></br>
<p class="c" >
我一直在努力，想与你并肩，如今，跟在你身后都不可能了。每个人都曾执着过，最后，该放弃的还是放弃了。也许在你回忆青春时，我不是主角，连配角都算不上，而你，却是我的整个青春。
</p></br>
<p class="d" >我一直在努力，想与你并肩，如今，跟在你身后都不可能了。每个人都曾执着过，最后，该放弃的还是放弃了。也许在你回忆青春时，我不是主角，连配角都算不上，而你，却是我的整个青春。
</p></br>
</body>
</html>
The above is the editor This brings you a comprehensive understanding of html.css overflow. I hope you will support the PHP Chinese website~For more comprehensive understanding of html.css overflow related articles, please pay attention to the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：How to hide and remove scroll bars in HTMLNext article：How to hide and remove scroll bars in HTML