CSS溢出处理

overflow

overflow属性是你控制一个元素溢出的方式，它告诉浏览器你想怎样处理溢出。overflow的默认值为visible，这就是我们的内容溢出的时候，我们在默认情况下看到它们的原因。

如果你想在内容溢出的时候把它裁剪掉，你可以在你的盒子上设置overflow: hidden。 如果你用了overflow: scroll，那么你的浏览器总会显示滚动条，即使没有足够多引起溢出的内容。

在以上的例子里面，我们仅仅需要在y轴方向上滚动，但是我们在两个方向上都有了滚动条。你可以使用overflow-y属性，设置overflow-y: scroll来仅在y轴方向滚动。

如果你真的需要在小盒子里面和长英文词打交道，那么你可能要了解一下word-break或者overflow-wrap属性。

你可以用overflow属性指定x轴和y轴方向的滚动，同时使用两个值进行传递。如果指定了两个关键字，第一个对overflow-x生效而第二个对overflow-y生效。否则，overflow-x和overflow-y将会被设置成同样的值。例如，overflow: scroll hidden会把overflow-x设置成scroll，而overflow-y则为hidden。