overflow (scroll) - 100% container height

Question

i\'m trying to have a floated div (call it \'sidebar\') display 100% of container height, and scroll if necessary.

if the sidebar has more content (height) than the cont

Answer 1

In most modern browsers, you can also do

.your-scrollable-div {
  height: calc(100%);
  overflow-y: scroll;
}

I've seen this work with Chrome & Firefox, but Safari balks here.