How to let overflow-x visible and hide overflow-y

Question

HTML:

<div class="wrapper">
    <div class="inner">
       <div class="example"></div>
    </div>
</div>

I want to do the opposite let the green box overflow in x without the scroll and hide the overflow in y.

I do a lot of search and nothing worked, Is there is any hack or workaround even by Javascript/jQuery ?

This feels like you already answered your question in the title. Did you use the appropriate CSS definitions by accident not knowing that they exist? — mmgross, Apr 08 '15 at 13:22
Note to self: Verify someones problem before commenting...I didn't expect `overflow-y` to affect horizontal scrolling. Anyway, you might find your answers here: http://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causing-scrollbar-issue — mmgross, Apr 08 '15 at 13:31
In other words make overflow-x: visible without scroll and make overflow-y auto or scroll ? — Zamblek, Apr 08 '15 at 14:16
@D3VELOPER .do you get solution for this problem. i also have same issue.. — Thameem, Jul 26 '16 at 15:26

score 0 · Answer 1 · answered Apr 08 '15 at 13:54

0

Update inner class and try,

.inner{
    float: left;
    height: 100%;
    overflow: hidden;
}

answered Apr 08 '15 at 13:54

1 Answers1