override overflow hidden css property in child div?

Asked Jul 26 '13 at 10:35

Active Jul 26 '13 at 10:55

Viewed 3,081 times

How to do that? I'd like to make the child div visible when parent div have overflow:hidden property...

html:

<div id="parent">
    <div class="container" id="hidden">
        <div id="test">totototot</div>
    </div>
</div>

css:

 #parent {
        width:200px;
        height:200px;
        border:1px solid red;
        margin:10px;
        position:relative;
    }
    .container {
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
    }
    #hidden {
        overflow:hidden;
    }
    #hidden div {
        border:1px solid blue;
        width:50px;
        height:50px;
        position:absolute;
        top:90%;
        left:-10%;
    }
    #test {
        display:block;
    }

edited Jul 26 '13 at 10:44

daniel__

11,633
15
64
91

asked Jul 26 '13 at 10:35

Recif

1

Why you want to use `overflow: hidden`? – Mr. Alien Jul 26 '13 at 10:40
I need it with the configuration of my page... The code here is a simple sample – Recif Jul 26 '13 at 10:43
3

Well, than I would like to say that what you are attempting is not possible – Mr. Alien Jul 26 '13 at 10:44
Why must it be a child of the element? Put it in `#parent` instead. – Brigand Jul 26 '13 at 10:46
Ok, I will try something else... Thanks – Recif Jul 26 '13 at 10:49
Does the container have to be `position: absolute`? – thgaskell Jul 26 '13 at 11:15
yes! But it doesn't seem to override the overflow property – Recif Jul 26 '13 at 11:16
Sorry, I thought you were talking about `#test`. You should take a look at: http://stackoverflow.com/q/5928059/2129835. But if you remove `position: absolute` on `.container` and set it's height/width to `100%` I think you'll get the result you want. – thgaskell Jul 26 '13 at 11:44
Mmmh... I think I'll use an other way to do that, I've some other problems and I must change my minds... :-( – Recif Jul 26 '13 at 13:52
Possible duplicate of [Allow specific tag to override overflow:hidden](https://stackoverflow.com/questions/8837050/allow-specific-tag-to-override-overflowhidden) – Shimmy Weitzhandler Jun 02 '19 at 12:02

override overflow hidden css property in child div?

0 Answers0