overflow属性
坑军之王
193
overflow 属性规定当内容溢出元素框时发生的事情。即在一个元素太大而无法适应父级容器的大小时需要做什么。该属性常用的值如下：
|
值 |
描述 |
|
visible |
默认值。内容不会被修剪，会呈现在元素框之外。 |
|
hidden |
内容会被修剪，并且其余内容是不可见的。 |
|
scroll |
内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
|
auto |
如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
|
inherit |
规定应该从父元素继承 overflow 属性的值。 |
overflow-x和overflow-y属性是可以分别设置水平和垂直时溢出的部分该怎么怎么处理。
值得注意的是，如果overflow-x与overflow-y的值相同，结果等同于overflow；如果overflow-x与overflow-y的值不相同，且其中一个属性的值被赋予visible，另外一个被赋予一个非visible的值，第一个被赋予visible的值会自动变为auto。
使用 overflow 的前提
为使 overflow有效果，容器必须满足以下条件：
1、dispaly的值非inline。
2、具有尺寸限制。(width / height / max-width / max-height / absolute拉伸 )
3、对于单元格 td 等,还需要 table 为 table-layout: fixed 才可以。