Я использую абсолютное позиционирование, чтобы div заполнял все окно браузера. Однако я не хочу сочетать это с липким div, который иногда есть, а иногда нет.
Чтобы сделать вещи немного понятнее, проверьте jsFiddle: http://jsfiddle.net/henrikandersson/aDdRS/
Я хочу, чтобы "top", "left" и "subheader" всегда оставались там, где они есть.
Я также хочу, чтобы div "content" заполнил то, что осталось от окна.
Тем не менее, иногда я хочу отобразить div «alert» перед «content».
Пока все хорошо, как вы можете видеть в jsFiddle. Но я хочу, чтобы «alert» придерживался «subheader» и оставался там при прокрутке. Как вы можете видеть, если вы измените размер окна, «оповещение» теперь будет прокручиваться вместе с «контентом» - я не хочу, чтобы это было.
Кто-нибудь получил представление о том, как решить эту проблему?
EDIT:
Я сделал изменение в моем jsFiddle, я поместил «предупреждение», где оно должно быть (между подзаголовком и областью содержимого). Как вы можете видеть (http://jsfiddle.net/henrikandersson/aDdRS/12), он не сдвигает «область содержимого» вниз, так как область содержимого имеет вершину: 20 пикселей. И я не могу установить top: 40px, например, так как «alert» должен иметь возможность различаться по высоте, и я хочу, чтобы область содержимого имела одинаковые css с или без предупреждения выше.
РЕДАКТИРОВАТЬ # 2:
Этот вопрос касается той же проблемы, но и для этого вопроса нет решения. Похоже, это невозможно без использования JavaScript:
Элемент прокрутки с переменной высотой, расположенный относительно элемента с переменной высотой