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
  • 11,402
  • 10
  • 52
  • 72
  • 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
  • 174,988
  • 54
  • 320
  • 367