我读过这篇文章: css overflow-x visible and overflow-y hidden causes scroll bar.
我也经历了:http://www.brunildo.org/test/Overflowxy2.html
我想要实现以下几点:
当我尝试使用以下代码:
overflow-x: hidden; overflow-y: visible;
它显示如下结果:
我不想要滚动条出现.
Jquery有没有解决方案?
解决方法
你可以用CSS这样做:
HTML:
<div class="wrapper"> <div class="inner"> </div> </div>
CSS:
.wrapper{ width: 400px; height: 300px; } .inner{ max-width: 100%; overflow-x: hidden; }
现在你的.wrapper div会有溢出:可见;但是你的.inner div不会溢出,因为它的最大宽度是包装器div的100%.请注意,您的包装器必须具有明确定义的宽度.
Here是一个工作的jsFiddle