css内容溢出处理 – CSS高级教程 css内容溢出|CSS

上一章CSS高级教程请查看：css光标cursor属性和样式
overflow属性指定元素内容溢出(不适合)元素方框时发生的行为。
处理内容溢出可能会出现这样的情况，即元素的内容可能大于框本身的维数。例如，给定的宽度和高度属性没有足够的空间容纳元素的内容。
允许你指定是裁剪内容、呈现滚动条还是显示块级元素的溢出内容的CSS溢出属性block-level。
【css内容溢出处理 – CSS高级教程】此属性可以采用以下值之一:：visible (default), hidden, scroll和auto，CSS3还定义了overflow-x和overflow-y属性，允许独立控制垂直和水平裁剪。

div { width: 250px; height: 150px; overflow: scroll; }

值	描述
visible	默认值。内容不被剪切; 它将被呈现在元素框之外，因此可能与其他内容重叠。
hidden	元素框中溢出的内容将被剪切，其余内容将不可见。
scroll	溢出的内容被剪切，就像隐藏一样，但是提供了一个滚动机制来访问溢出的内容。
auto	如果内容溢出元素的框，它将自动提供滚动条来查看其余的内容，否则滚动条将不会出现。