css - 基础行与其下方的行重叠

Question

现在我有以下标注行:

      <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>

当出现标注时，它会将页面上的内容下推。我希望它只是重叠，因此标注位于内容之上。有办法做到这一点吗？

Answer 1

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