Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > HTML Tutorial > body text

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

WBOY

Release： 2016-06-24 11:54:52

Original

1778 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

Related labels：

iframe双滚动条解决方式 CSS3 overflow-y 属性

source：php.cn

Previous article：Detailed explanation of CSS z-index attribute (with image analysis)_html/css_WEB-ITnose Next article：Understanding margin in CSS_html/css_WEB-ITnose

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