基础行与其下方的行重叠

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

您可以绝对定位详图索引，使其与其父对象中的其余内容重叠。