Home > Web Front-end > HTML Tutorial > 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
Release: 2016-06-24 11:54:52
Original
1864 people have browsed it

??

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

div{overflow-y:hidden;}
Copy after login
<!DOCTYPE html><html><head><style> div{width:110px;height:110px;border:thin solid black;overflow-x:hidden;overflow-y:hidden;}</style></head><body>
Copy after login
<div><p style="width:140px">这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p></div>
Copy after login
<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p><p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>
Copy after login
</body></html>
Copy after login
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template