Home  >  Article  >  Web Front-end  >  iframe double scroll bar solution CSS3 overflow-y attribute_html/css_WEB-ITnose

iframe double scroll bar solution CSS3 overflow-y attribute_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:54:521782browse

??

Crop the left/right edge of the content in the div element - if it overflows the element's content area:

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>
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