position:relative leaves an empty space

by

Another trick which worked fine for me is to use a negative margin-bottom in the relative element that you have moved. No need to go with absolute positioning.

Something like:

position: relative;
top: -200px;
left: 100px;
margin-bottom: -200px;

Similar (if not identical) to the solution I see now, from green.

More Related Contents:

  1. Could someone explain this CSS code?
  2. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  3. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  4. Is there any way to hover over one element and affect a different element? [duplicate]
  5. How to change an input button image using CSS
  6. Relationship between !important and CSS specificity
  7. Make a DIV fill an entire table cell
  8. Is there a CSS hack to affect Safari only NOT Chrome?
  9. Outlining and partially filling an SVG Shape
  10. Setting height: 100% on my label element doesn’t work
  11. Twitter Bootstrap – add top space between rows
  12. Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
  13. hover on child without hover effect on parent [duplicate]
  14. Add a css class to a field in wtform
  15. How can I use CSS3 transform on a span?
  16. What is this CSS selector? [class*=”span”]
  17. Bootstrap 3 Slide in Menu / Navbar on Mobile [closed]
  18. Remove “whitespace” between div element
  19. How do I Make Firefox Print a Background-Color Style?
  20. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  21. CSS text-decoration underline color [duplicate]
  22. QT – CSS: decoration on focus
  23. Is there an opposite CSS pseudo-class to :hover?
  24. Why isn’t my justify-content property working?
  25. Remove border radius from Select tag in bootstrap 3
  26. How do I keep CSS floats in one line?
  27. Force sidebar height 100% using CSS (with a sticky bottom image)?
  28. How to style the number on a html list?
  29. Creating a droplet like border effect in css
  30. Getting columns to wrap in CSS Grid

Leave a Comment