基础行与其下方的行重叠

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

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