Как настроить позицию 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

Предполагая, что я следую, установите вправо: 0 для элемента с абсолютной позицией. Будет выровнен по правому краю относительного родительского элемента.