css3内容溢出属性

overflow是css2.0的属性，css3中新增了overflow-x和overflow-y属性。

overflow-x主要是用来定义对水平方向内容溢出的剪切，而overflow-y主要是用来定义垂直方向的内容溢出的剪切。

overflow-x/overflow-y:visible | hidden | scroll | auto | no-display | no-content

visible:默认值。表示不剪切容器中的任何内容，不添加滚动条，元素将被剪切为包含对象的窗口大小，而且clip属性将失效

auto：在需要时剪切内容并添加滚动条，

hidden：内容溢出容器时，所有内容都将隐藏，而且不显示滚动条

scroll：不管内容有没有溢出容器，overflow-x都会显示横向滚动条，overflow-y都会显示纵向滚动条

no-display：当内容溢出容器时不显示内容，此时类似于添加了display：none、

no-content：当内容溢出容器时不显示内容，类似于添加了visibility：hidden； 

转载于:https://www.cnblogs.com/chengkun101/p/4345125.html