カラーボックスを作る場合など、Windowサイズと同じ
width, height を持ったDOMを作り
background: #fff;
opacity: 0.5;
くらいでフィルター的に使いたいケースってあると思います。
※こんな感じ
僕は今までbodyに
height: 100%;
をつけた上で、フィルターとなるDOMに対しても同じように
height: 100%;
を適用することでwindowと同じ高さを持ったDOMを
作っていたのですが、
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
というやり方によっても同様の目的を実現できるようです。
bodyに
height: 100%;
をあてちゃうと、いろいろと副作用的な不具合が起きてしまうので、
こっちのやり方のほうが良さそうです。