overflow：

visible：超出范围也显示

hidden：超出范围隐藏

scroll：超出范围出现滚动条

auto：超出范围出现滚动条

inherit：不常用

overflow-x 、overflow-y：如果overflow-x和overflow-y二者的值相同，等同于overflow； 如果二者值不同，其中一个被赋予visible；另一个被赋予auto，hidden，scroll，其中visible会被重置为auto。 

overflow起作用的前提：

如果overflow-x 、overflow-y相同，则等同于overflow
如果不同，其中一个为visible 另外一个auto hidden scroll
则visible 会重置为auto

overflow作用的前提

ie7浏览器使用overflow:visible使按钮空白正常

overflow起作用的前提条件

如果overflow-x和overflow-y值不同，其中一个为visible，另一个为hidden、scroll、auto，visible会被重置为auto

overflow的默认值visible会使得元素显示不下的时候超出外面的容器

overflow : visible 妙用

overflow如何起作用

overflow基本属性：

1、overflow：visible、hidden、scroll、auto、inherit

visible：默认值，超出的部分依旧显示，IE6浏览器容器边框会变大以包含住超出的部分

hidden：超出的部分被隐藏

scroll：在容器的右、下出现滚动条

auto：当溢出时才出现滚动条

2、overflow-x：hidden；图片溢出时，水平方向隐藏，但容器整体变小，垂直方向出现滚动条

3、当overflow-x，overflow-y的值相同，等同于overflow

overflow-x，overflow-y的值不同，一个赋值为visible，一个赋值为hidden、scroll或auto，那么这个visible会被重置auto

一 overflow:

1. visible

   ie6: 容器内容溢出，容器会被撑开

2. hiddden 隐藏

3. scroll

4. auto

5. inherit ie8+才支持

二 overflow-x和overflow-y ie8+

1. overflow-x和overflow-y值相同，等同于overflow

2. 1.overflow-x和overflow-y值不同，其中一个值为visible, 另外一个值被赋予hidden, auto, => visible会被重置为auto

三 兼容性

作用的前提

overflow: visible妙用

overflow起作用的前提

overflow基本属性

——基本表现，包括兼容性

基本属性

visible（默认，可见）

hidden（隐藏）

scorll（加水平、垂直滚动条）

auto

inherit

如果overflow-x 与 overflow-y值相同时 ，则等同于overflow 

如果overflow-x 与 overflow-y值不相同时，且其中一个值为visible,另一个被赋予hidden,auto,scroll 那这个visvible会被重置为auto;

兼容性，删除宽度百分百

overflow: 作用前提 1. 非 display: inline 水平 2. 对应方位的尺寸限制: width/height/max-width/max-height/absolute 拉伸 3. 对于单元格 td 等, 需要 table 为 table-layout: fixed 状态才可以

overflow:5个值<br> visible：默认值，超出文本框<br> hidden:隐藏超出部分<br> scroll：产生滚动条<br> auto：自动产生滚动条<br> inherit：不常用。 如果overflow-x 、overflow-y相同，则等同于overflow，如果不同，其中一个为visible 。另外一个auto hidden scroll 则visible 会重置为auto 作用前提： 非：display:inline水平 对应方位的尺寸限制 。