overflow-x 和 overflow-y

Question

<div><img src="xxx.jpg" alt=""></div>

容器div的width和height都比xxx.jpg图片小
css中设定

    div {
        overflow-y: hidden;
        overflow-x: visible;
    }

结果是图片在y方向被裁减，在x方向出现滚动条，auto的效果.
但按照overflow定义，visible应该是会显示在容器外。
overflow也有优先级么？

Answer 1

overflow的visible属性和别的属性一起使用时，visible等价于 auto。你去掉overflow-y:hidden 再试试看

http://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causing-scrollbar-issue

Answer 2

關於爲什麼樓上已經答的很好，至於解決方案這種情況可以考慮 nested div。
裏面的 overflow-y: hidden;
外面的 overflow-x: visible;
就行了