overflow-x 和 overflow-y

Question

容器div的width和height都比xxx.jpg图片小css中设定div{overflow-y:hidden;overflow-x:visible;}结果是图片在y方向被裁减，在x方向出现滚动条，auto的效果.但按照overflow定义，visible应该是会显示在容器外。overflow也有优先级么？

Answer 1

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