我正在使用绝对定位让div填充整个浏览器窗口。但是，我不想将其与有时在那里且有时不在的粘性div结合使用。
为了使事情更清晰，请查看以下jsFiddle：http : //jsfiddle.net/henrikandersson/aDdRS/
我希望“顶部”，“左侧”和“子标题”始终保持不变。我还希望“内容” div填充窗口的剩余内容。但是，有时我想在“内容”之前显示“警报” div。到目前为止，一切都很好，您可以在jsFiddle中看到。但是，我希望“警报”坚持“子标题”并在滚动时停留在该位置。如您所见，如果您调整窗口大小，那么“警报”将随“内容”一起滚动-我不希望这样。
有人知道如何解决这个问题吗？
编辑：我在我的jsFiddle中进行了更改，我将“警报”放置在应有的位置（在子标题和内容区域之间）。如您所见（http://jsfiddle.net/henrikandersson/aDdRS/12），由于content-area具有top：20px，所以它不会向下推“ content-area”。而且我不能设置top：40px，因为“ alert”应该可以改变高度，并且我希望内容区域在有或没有上述警报的情况下都具有相同的css。
编辑＃2：此问题处理相同的问题，但也没有该问题的解决方案。好像不使用JavaScript是不可能的： 可变高度滚动div，相对于可变高度同级放置