html,body{height:100%}でブラウザー表示領域一杯まで広げたブロック要素に、余白やborderを含ませつつ100%におさめる方法

tableを使わないと不可能だと思ってたけど普通にできちゃうんだねぇ
サンプル

/*初期値 paddinもborderも含めない*/
box-sizing:content-box;

/*paddingとborderを含める*/
box-sizing:border-box;

/*初期値 paddinもborderも含めない*/

box-sizing:content-box;

/*paddingとborderを含める*/

box-sizing:border-box;

どっちにしろmarginは含ませる事は出来ないのでレイアウトによってはちょっとした工夫や無駄な要素が必要になるかも。

firefox以外のモダンブラウザーには実装済みで
そのfirefoxもベンダープレフィックスをつければ使える。

他の手段を使って同じように組む事も出来るのかな？