css overflow-y property


  Translation results：

英[ˌəʊvəˈfləʊ] US[ˌoʊvərˈfloʊ]

vt.& vi. Overflow, drown; crowd, fill; overflow; overflow of resources

n. Flood, overflow; overflow tube; overflow, excess; exceed the amount

vi. Overflow, overflow; overflow

adj. Overflow, full

Third person singular: overflows Present participle: overflowing past tense: overflowed past participle: overflown

css overflow-y propertysyntax

Function: Specifies whether to crop the top/bottom edge of the content - if it overflows the element content area.

Syntax: overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Description: visible does not crop the content and may appear outside the content box. hidden Cropped content - no scrolling mechanism is provided. scroll Crop content - Provides scrolling mechanism. auto If the box overflows, a scrolling mechanism should be provided. no-display If the content does not fit into the content box, remove the entire box. no-content Hides the entire content if it does not fit into the content box.​

Note: Use the overflow-x attribute to determine the cropping of the left/right edges. The overflow-y attribute does not work correctly in IE8 and earlier browsers.

css overflow-y propertyexample

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

Run instance »

Click the "Run instance" button to view the online instance

Popular Recommendations

Home

Videos

Q&A

submit