Дочерний div не перемещается с родительским div - PullRequest
Новая
       10

Дочерний div не перемещается с родительским div

0 голосов
/ 19 апреля 2020

Я просто пересматриваю html и css, создавая форму для входа, которая содержит два элемента div, и цель состоит в том, чтобы сделать форму отзывчивой, и мне плохо, что я полностью забываю, как сделать страницу отзывчивой. код ниже. 

.containers {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* background: transparent linear-gradient(180deg, #2f5496 0%, #613577 100%) 0%
    0% no-repeat padding-box; */
  opacity: 0.85;
  background-image: linear-gradient(
      to bottom,
      rgba(47, 84, 150, 0.62),
      rgba(97, 53, 119, 0.93)
    ),
    url("background.png");

  position: fixed;
  background-size: 100% 120%;
}
.form-div {
  position: relative;
  top: 145px;
  left: 491px;
  width: 395px;
  height: 437px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 9px 19px #0000003d;
  border-radius: 10px;
  opacity: 1;
}

здесь контейнер - это мой родительский класс div css, а форма div - это моя форма входа, которую я хочу выровнять по горизонтали по центру экрана. Пожалуйста, помогите мне, а также помогите мне разобраться в bootstrap системе координат.

1 Ответ

0 голосов
/ 19 апреля 2020

попробуйте добавить 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

в вашу голову в вашем html

...