Высота окна просмотра не работает, содержимое нижнего элемента перекрывается при изменении размера окна - PullRequest
Новая
       28

Высота окна просмотра не работает, содержимое нижнего элемента перекрывается при изменении размера окна

0 голосов
/ 27 июня 2019

Я успешно использовал высоту области просмотра много раз, но на этот раз она вызывает у меня проблемы, и я не могу понять, почему.Вы можете увидеть мою проблему на этой веб-странице: http://staging.chinahiking.cn/great-wall-hiking/wild-jinshanling-to-restored-jinshanling-great-wall-hike-1day/

.top-container.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.viewport-height {
  height: 80vh;
}
<body>
  <div class="top-container sticky"></div>
  <div class="content">
    <div class="viewport-height"></div>
    <div class="description-container"></div>
  </div>
</body>

Но по какой-то причине высота области просмотра не регистрируется.И когда я изменяю высоту экрана, содержимое внутри .description-container перекрывает содержимое моего контейнера .viewport-height.Кто-нибудь знает, почему это происходит и как я могу сделать так, чтобы содержимое моего контейнера viewport-height было 80vh или 100vh?

1 Ответ

0 голосов
/ 27 июня 2019

Сделайте так, чтобы высота автоматически исправила вашу проблему, потому что проблема с ней наступает 

.description-section-divider {
    height: auto;
}

Если вам нужно пробел, добавьте отступы согласно вашему требованию, в противном случае, если вы хотите исправить, используя height: 287px, тогда вы захотите написать медиа-запрос для этого лучшего предложения take height: auto;

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...