CSS 100% height with absolute positioning top 0 bottom 0

Question

I recently found a site that used a div with position absolute, and the top, left, right and bottom values all set to 0. This created a 100% high, 100% wide div. I am now using this as well, and was wondering if there is any reason not to?

It works really well, it's a simple solution, and the other way I was using had a bug I couldn't fix. The application I'm using this for should only every take up the browser window, and never needs to be bigger.

Answer 1

I am now using this as well, and was wondering if there is any reason not to?

This technique works fantastically in modern browsers - there is no reason not to use it.

(unless you care about some really old browsers (IE5/6?), which don't support setting top and bottom or left and right on the same element)

Here's an answer I wrote earlier today which uses a similar technique.

Answer 2

No, that's fine. Just make sure it doesn't glitch up on different browsers, depending on what you are doing. May I recommend making a jsFiddle and testing it on BrowserLab?