How can you force a floating div to be the height of its parent?

Answer 1

I think this question is asked a lot. I found this on searching.

Answer 2

In this case I think it would be semantically acceptable to use tables, which would automatically behave the way you want.

Answer 3

This is essentially an “equal column height” question. You can't directly set the child height to 100% because the height of the parent is indeterminate. There are workarounds. of various sorts.

But in your case: use a table. It's clearly tabular data, so there's nothing wrong with using a table for it.