​overflow

Question

一直对overflow比较模糊，有没有人给解释下？

Answer 1

基本语法overflow-x overflow-yoverflow : visible | auto | hidden | scroll语法取值visible：默认值。不剪切内容也不添加滚动条。假如显式声明此默认值， 对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效；auto：在必需时对象内容才会被裁切或显示滚动条；hidden：不显示超过对象尺寸的内容；scroll：总是显示滚动条。清除浮动设置overflow的一个更流行的用处是，清除浮动。设置overflow并不会在该元素上清除浮动，它将清除自己(self-clear)。意思就是，应用了overflow(auto或hidden)的元素，将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来(collapsing))，假设未定义高度。可能的值visible   默认值。内容不会被修剪，会呈现在元素框之外。   hidden   内容会被修剪，并且其余内容是不可见的。   scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。   auto   如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。  inherit   规定应该从父元素继承 overflow 属性的值。 实例设置 overflow 属性：div { width:150px; height:150px; overflow:scroll;}

Answer 2

那个是超出 隐藏 或者超出滚轮的时候设置的