如何使用响应模板在相对包装器中设置div的绝对向右位置

Question

如何在相对包装面板中设置具有绝对位置的俯冲，该位置恰好在该面板的右侧，但边缘没有固定数量的像素，但对他所在的窗口和面板的大小做出响应？

右侧浮动不起作用

<div class="panel">
<div class="panel-content position-relative">
<h2 class="float-right position-absolute">Make new Route</h2>
<form method="post">
<label class="m-0">Route title</label>
<input class="form-control mb-3" type="text">
<div class="row">
<div class="col-12 col-lg-6">
<label>Path info</label>
<input class="form-control" type="text">
</div>
<div class="col-12 col-lg-6"><label>Order</label>
<div class="js-order-number-target">
{% if createRoute.orderNumber is defined %}
<select class="form-control" name="order">
<option></option>
</select>
{% endif %}
</div>
</div>
</div>
<button type="submit" class="btn btn-primary btn-xs float-right">Create New Menu Category</button>
</form>
</div>
</div>

Answer 1

假设我如下，在绝对定位的元素上设置right：0。将与相对定位的父对象的右侧对齐。