Show child element above parent element using CSS

html css parent
zacharyliu picture zacharyliu · Jul 24, 2009 · Viewed 44.9k times · Source

I have two divs, one nested inside of the other. The parent element has a defined width/height. How can I show the child div above the parent (outside of it) using only CSS?

EDIT: Sorry, maybe I should clarify that I mean "above" as along the z axis. And yes, I already tried z-index. My problem is that when the child element is larger than the parent, it results in a "frame" or "window" effect, cutting off part of the div.

Answer

sixthgear picture sixthgear · Jul 24, 2009

Set overflow: visible; on the parent div.

#parent {
    overflow: visible;
}

Changed to reflect asker's update.

Related questions

How to make child divs always fit inside parent div?

My question is if there is a way, without using JavaScript, to cause child divs to extend to the borders of their parent, without exceeding those borders, when you cannot know beforehand the size of the parent div? Below is …

Read More
Make div (height) occupy parent remaining height

http://jsfiddle.net/S8g4E/ I have a container div with two children. The first child has a given height. How can I make the second child to occupy the "free space" of the container div without giving a …

Read More
How do I automatically stack divs vertically inside a parent?

Here's what I am trying to accomplish... "parent" has position:relative "div 1-3" have position:absolute However, whenever I do this, I find myself having to assign specific "top" values in my CSS. So div 1 might be top:50px, div 2 …

Read More