<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也有优先级么?
overflow
的visible
属性和别的属性一起使用时,visible
等价于 auto
。你去掉overflow-y:hidden
再试试看
http://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causing-scrollbar-issue
關於爲什麼樓上已經答的很好,至於解決方案這種情況可以考慮 nested div。
裏面的 overflow-y: hidden;
外面的 overflow-x: visible;
就行了