在HTML頁面中

Question

float元素我在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; 
} 

Answer 1

嘗試position:fixed代替absolute這裏的一對定位的詳細信息，以防萬一：https://developer.mozilla.org/en-US/docs/CSS/position