overflow 元素溢出内容. 如何处理.

visible. 默认值. 多余内容不会被修减. 直接呈现在元素框之外.

hidden: 内容被修剪. 溢出内容不可见. scroll: 内容被修剪. 溢出内容滚动可见 auto: 如果内容被修剪. 就显示滚动条来查看. inherit: 继承父元素 overflow的值.

overflow 使用上的一些小技巧

預設有的時候會自動顯示水平捲軸,如果你不想要水平捲軸出現,可以這樣設

overflow-x:hidden; overflow-y:auto;

讓 x 方向的卷軸隱藏,y 方向的卷軸自動延伸,這樣就可以只顯示垂直方向的卷軸囉!

scroll.  不继承.

不论是否需要 都会提供一种滚动机制. 有可能会出现. 即使内容没有溢出 也会出现滚动条.