Why don’t margin-top: auto and margin-bottom:auto work the same as their left and right counterparts?

by

The short answer is the spec says so.

10.6.2 Inline replaced elements, block-level replaced elements in normal flow, ‘inline-block’ replaced elements in normal flow and floating replaced elements

If ‘margin-top’, or ‘margin-bottom’ are ‘auto’, their used value is 0.

http://www.w3.org/TR/CSS2/visudet.html#Computing_heights_and_margins

More Related Contents:

  1. Using only CSS, show div on hover over another element
  2. How to align a to the middle (horizontally/width) of the page [duplicate]
  3. How to select a range of elements in repeated pattern
  4. Use of XSL-FO, CSS3 instead of CSS2 to create Paginated documents like PDF?
  5. What is the difference between a pseudo-class and a pseudo-element in CSS?
  6. How can I define colors as variables in CSS?
  7. Adjust list style image position?
  8. CSS 3 Shape: “Inverse Circle” or “Cut Out Circle”
  9. How to draw a circle sector in CSS?
  10. Do I need to wrap quotes around font family names in CSS?
  11. CSS specificity, Media Queries and min-width
  12. CSS media queries – Order matters?
  13. Using two CSS classes on one element [duplicate]
  14. angular 2 ngIf and CSS transition/animation
  15. Deprecated SMIL SVG animation replaced with CSS or Web animations effects (hover, click)
  16. What Does ‘zoom’ do in CSS?
  17. Internet Explorer @font-face is failing
  18. Anyway to prevent the Blue highlighting of elements in Chrome when clicking quickly?
  19. Spacing between thead and tbody
  20. How to code CSS media queries targeting ALL mobile devices and tablets?
  21. SVG Fill not being applied in FireFox
  22. CSS overlapping arrow
  23. How can I use/emulate regex-like backreferences in attribute selectors?
  24. Vue.js toggle class on click
  25. CSS background-position not working in Mobile Safari (iPhone/iPad)
  26. :last-child pseudo-class mixed with attribute selector not working
  27. Phonegap + Windows Phone 8 : viewport meta & scaling issue
  28. Revert a filter invert() CSS rule
  29. How to make my font bold using css?
  30. css – shrink a parent div to fit one child’s width and constrain the width of the other child [duplicate]

Leave a Comment