css怎么实现超出高度隐藏-木庄网络博客

2022-02-25 01:02:43 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在CSS中，可以利用overflow-y属性来实现超出高度隐藏效果，只需要给元素添加“overflow-y:hidden”样式即可。overflow-y属性规定当内容溢出元素上/下边缘时发生的事情，当值为hidden时，超出部分会被隐藏。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在CSS中，可以利用overflow-y属性来实现超出高度隐藏效果。

下面通过代码示例来看看：

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:500px;
height:90px;
border:thin solid black;
overflow-y:hidden;
}
</style>
</head>
<body>
 
<div>
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</div>
</body>
</html>