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;就行了