0

Looking at compass' sticky footer mixin example they use an extra (empty) div in #layout with the same height as the actual footer to keep the layout correctly.

Why don't they instead remove that div, and add box-sizing and padding-bottom to #layout? From what I can see it has the same effect: http://jsfiddle.net/b3P5H/

J V
  • 10,544
  • 8
  • 47
  • 67
  • box-sizing is partially supported in browsers http://caniuse.com/#search=box-sizing – Alexandru Diacov Nov 22 '13 at 17:58
  • 1
    "Partial support refers to supporting only the "border-box" value, not "padding-box" (which was added to the spec later)." My implmentation only needs `border-box` – J V Nov 22 '13 at 18:03
  • [related](http://stackoverflow.com/a/12253099/497418), although I will eventually need to update that answer with the way to build a sticky footer in flexbox. – zzzzBov Nov 22 '13 at 18:13

1 Answers1

2

Because they didn't realize there was a better way and were probably just implementing Ryan Fait's sticky footer.

zzzzBov
  • 167,057
  • 51
  • 314
  • 358