Problem: Your layout has a div within the main content, let's say a sidebar. You would like this to be the same height as the main content, even though there is less content, however, you do not want to set a height to either the main content or the sidebar. Let's say you have a border separating the two, or a lovely off-set background image in your sidebar. There is a way!
Here's your markup:
Let's say you want your sidebar on the right and your main content on the right.
Here's your CSS.
I've found a few other uses for this method, as well, but this seems to be the most wide-spread. Feel free to comment with other uses!
This DOES also work with horizontal content. Just use left/right instead of top/bottom. You can also use all four to fill the space entirely.
By the way, I drew a new penguin, so you guys should go check it out!!
And check the site!http://www.cherstewart.com