Позиция Абсолют, «тень / пунктирная рамка», не обернутая вокруг «div» - PullRequest
Новая
       5

Позиция Абсолют, «тень / пунктирная рамка», не обернутая вокруг «div»

0 голосов
/ 03 июня 2018

Очень любопытно, почему, когда я позиционирую что-то, используя css, как в примере ниже, используя position: absolute, поле вокруг div смещено к нижней стороне: 

.e-mail {
    position: absolute;
    z-index: 15;
    right: 10%;
    top: 60%;
    transform: translate(-10%, -60%);
}

.contact-form{
    background: #fefefe;
    padding: 10px;
    border-radius: 15px;
    max-width: 400px;
    height: auto;
}
 <div class="row mail">
                <div class="e-mail">
                    <form class="contact-form " action="#" method="post">
                        <h1>get a quote</h1>
                        <div class="form-group">
                            <input class="form-control" type="text" name="name" placeholder="Full Name">
                        </div>
                        <div class="form-group">
                            <input class="form-control" type="text" name="mail" placeholder="Your E-mail">
                        </div>
                        <div class="form-group">
                            <select class="form-control">
                                <option>Select Option</option>
                                <option>quote one</option>
                                <option>quote two</option>
                                <option>quote three</option>
                                <option>quote four</option>
                            </select>
                        </div>
                        <button class="btn btn-primary mail-submit" type="submit" name="submit" style="width: 100%">Request Quote</button>
                    </form>
                </div>
            </div>

прикрепленное изображение объяснит, что я имею в виду.Любые предложения, почему это произойдет и это повлияет на что-нибудь или это нормально?

спасибо ![offset shadow box] 1

...