CSS3 overflow-y 与overflow-y属性

1、overflow-x

   如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。

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

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

语法：overflow-x: visible|hidden|scroll|auto|no-display|no-content;
visible：不裁剪内容，可能会显示在内容框之外。
hidden：裁剪内容 - 不提供滚动机制。
scroll：裁剪内容 - 提供滚动机制。
auto：如果溢出框，则应该提供滚动机制。
no-display：如果内容不适合内容框，则删除整个框。
no-content：如果内容不适合内容框，则隐藏整个内容。

2、overflow-y

   如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。

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

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

语法：overflow-y: visible|hidden|scroll|auto|no-display|no-content;
visible：不裁剪内容，可能会显示在内容框之外。
hidden：裁剪内容 - 不提供滚动机制。
scroll：裁剪内容 - 提供滚动机制。
auto：如果溢出框，则应该提供滚动机制。
no-display：如果内容不适合内容框，则删除整个框。
no-content：如果内容不适合内容框，则隐藏整个内容。