iframe双滚动栏解决方案 CSS3 overflow-y 属性

裁剪 div 元素中内容的左/右边缘 - 假设溢出元素的内容区域的话：

div
{
overflow-y:hidden;
}

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
</style>
</head>
<body>

<div><p style="width:140px"> 这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。

这是一个段落。这是一个段落。

这是一个段落。

这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。

这是一个段落。

这是一个段落。这是一个段落。这是一个段落。这是一个段落。

</p></div>

<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>

</body>
</html>

posted on 2017-08-10 12:31 yutingliuyl 阅读(136) 评论(0) 收藏举报

iframe双滚动栏 解决方案 CSS3 overflow-y 属性

iframe双滚动栏解决方案 CSS3 overflow-y 属性