CSS overflow属性

在UI设计时，发现了如下问题：IE浏览器下的右侧滚动条为如下左图样式，显得极其不美观，而QQ浏览器为如下右图样式，这样的视觉效果就很好。虽然是浏览器的兼容问题，但overflow属性还是值得研究下的。                                        

                                                                  

overflow-x:水平溢出，裁剪 div 元素中内容的左/右边缘

overflow-y;垂直溢出，裁剪 div 元素中内容的上/下边缘

可选属性：

    visible：不裁剪内容，可能会显示在内容框之外。

    hidden：裁剪内容 - 不提供滚动机制。

    scroll：裁剪内容 - 提供滚动机制。

    auto：如果溢出框，则应该提供滚动机制。

    no-display：如果内容不适合内容框，则删除整个框。

    no-content：如果内容不适合内容框，则隐藏整个内容。

转载于:https://my.oschina.net/u/3437897/blog/890158