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