How to remove whitespace that appears after relative positioning an element with CSS

Question

The problem occurs is the following: After relative positioning an element with CSS I get a white-space of where the element was... I don\'t want the white-space!

Answer 1

set height to 0: height:0px;.

Now this div can be placed anywhere.

Answer 2

If you are brave enough, you may put overflow:hidden; and a bottom negative margin on relatively positioned element, and it will remove the spacing leftover :) i.e. on responsive site.

But do check it doesn't hide a needed content.