HTMLページの本文にこのdiv要素があります：
<div id="alerts">
{% block alerts %}
{% try %}
{% if alerts is not None %}
{% for alert in alerts %}
<div class="{{alert.get('level', 'alert') }}">
{{ alert.get('content') }}
</div>
{% end %}
{% end %}
{% except NameError %}
{% end %}
{% end %}
</div>
状況によってはアラートまたはエラーを示します。
しかし、ページを下にスクロールすると、これは表示されません。ページ自体のスクロールに関連して、この要素をページの上部に表示するにはどうすればよいですか?
css は次のとおりです。
#alerts {
display:none;
top: 0;
left: 0;
width: 100%;
position: absolute;
z-index: 0;
}