Css 基础行与下面的行重叠

现在我有以下标注行：

      <div class="row">
        <div class="large-9 large-offset-2 columns">
          <% flash.each do |type, message| %>
            <div data-alert class="callout <%= type %> text-center radius" data-closable>
              <%= message %>
              <button class="close-button" aria-label="Dismiss alert" type="button" data-close>
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
          <% end %>
        </div>
        </div>

&时代；

---

当出现标注时，它会向下推页面上的内容。我希望它只是重叠，因此标注位于内容的顶部。有什么方法可以做到这一点吗？

您可以绝对定位标注，使其与父内容中的其余内容重叠