See the Pen fcdf9b19b6bed8da6af791d7433116b0 by CSS-Tricks ... the positioning value from its parent. position relative + absolute. .child { position: absolute; margin: -100px; } Using position: absolute will get rid of the empty space left by the child when it gets shifted up. Popping Out of Hidden Overflow ... li .wrapper { position: absolute; z ... the submenu to be positioned according to its parent menu item. Absolute positioning removes an element out of the normal, static flow. When declaring an element position: absolute; and not setting any of top, right, bottom and left, the element is going to be rendered using the normal flow for its position. Popping Out of Hidden Overflow ... li .wrapper { position: absolute; z ... the submenu to be positioned according to its parent menu item. However, it is not going to be added to the flow. Post navigation How to make absolute positioned elements overlap their overflow hidden parent ... lay out the differences of element positioning. This way you can make the child bigger than the parent Another way to position elements on the page is with absolute positioning. Relative div inside an Absolute div. Post navigation How to make absolute positioned elements overlap their overflow hidden parent We can set the position property of a parent element to relative and then set the position property of the child element to absolute. Position Absolute. Absolute. It gets the child out of the parent. Edit - after reading your update: position:absolute still applies for this situation too. absolute is the trickiest position value. If an absolutely-positioned element has no positioned ancestors, it uses the document body, and still moves along with page scrolling. ... You would expect the relative div d3 to maintain position relative to it's parent. Then you use the margins to position it how you want. I have an element that I want to be absolutely positioned with respect to the top left corner of the browser, and without regard to its parent container's position. ... lay out the differences of element positioning. absolute behaves like fixed except relative to the nearest positioned ancestor instead of relative to the viewport. Absolute. This way we can position the child relative to the parent at an absolute position. #container { position : relative; } #div-2 { position : absolute; top : 0; right : 0; } Position a child div relative to parent container in CSS 10 July, 2013 by Tom Elliott. See the Pen fcdf9b19b6bed8da6af791d7433116b0 by CSS-Tricks ... the positioning value from its parent. I've got the fix. Other elements will move up to fill its place. The position property specifies the type of positioning method used for an element (static, relative, absolute or fixed). Table cells (TD and display:table-cell) don't play friendly with position: absolute. You can use position: absolute to place elements anywhere on the page.