На диаграмме показана фрэймоподобная конструкция с 'position: fixed'.
Изображён комплект фрэймов из 4 панелей. Верхняя панель ("header") занимает всю ширину комплекта фрэймов и 15% вертикального пространства. Ниже слева находится "sidebar" шириной 10em; его высота высчитывается механически. Справа от sidebar и под header находится область "main", чьи размеры вычисляются на базе оставшегося свободного пространства. Наконец, внизу - область "footer" высотой 100px, занимающая всю ширину комплекта фрэймов.
Помечена всякая область и те размеры, которые не 'auto'.