CSS: Margin-top when parent’s got no border

by

You could add overflow:auto to .body to prevent margin-collapsing. See http://www.w3.org/TR/CSS2/box.html#collapsing-margins

More Related Contents:

  1. How to disable margin-collapsing?
  2. How do I uncollapse a margin? [duplicate]
  3. When to use margin vs padding in CSS [closed]
  4. How to remove the border highlight on an input text element
  5. Change bootstrap navbar collapse breakpoint without using LESS
  6. Any way to declare a size/partial border to a box?
  7. CSS Margin Collapsing
  8. Margin-Top not working for span element?
  9. Control the dashed border stroke length and distance between strokes
  10. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  11. Hover effect : expand bottom border
  12. How does border-image work with linear-gradient?
  13. Double border with different color [duplicate]
  14. html, css – weird invisible margin below pictures
  15. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  16. Set position absolute and margin
  17. Remove “whitespace” between div element
  18. Border within border CSS
  19. What is the difference between outline and border CSS properties?
  20. Remove all padding and margin table HTML and CSS
  21. How to reset / remove chrome’s input highlighting / focus border? [duplicate]
  22. Removing the image border in Chrome/IE9
  23. How do negative margins in CSS work and why is (margin-top:-5 != margin-bottom:5)?
  24. Can I have different colored left and top borders in CSS?
  25. Creating space between an element and its border
  26. text flowing out of div
  27. Why were margin collapse rules introduced in CSS?
  28. input type=”image” shows unwanted border in Chrome and broken link in IE7
  29. Inner border over images with CSS?
  30. CSS: clean solution to the margin collapse issue when floating an element

Leave a Comment