Положение: исправлено игнорируется в Chrome - PullRequest
Новая
       9

Положение: исправлено игнорируется в Chrome

0 голосов
/ 18 декабря 2018

Я столкнулся с проблемой с Chrome, где положение: исправлено, не исправлено.Может быть, я что-то не так делаю, но это работает в FF и Safari, но не в Chrome (69.0.3497.100).В Chrome синий div перемещается, и зеленый становится видимым при прокрутке страницы, но FF и Safari не будут прокручиваться, а зеленый всегда скрыт.Может кто-нибудь объяснить, почему это происходит и как получить реальную позицию: исправлено в Chrome? 

div {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background-color: blue;
    }
    body {
      background-color: green;
    }
<div></div>

Я открыл этот пост в Chrome, и когда фрагмент полноэкранный, он работает, но когда я создаю новый HTML-файл и открываю его напрямую, появляется ошибкаснова. 

<html>
   <body>
     <div></div>
     <style>
      div {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: blue;
      }
      body {
        background-color: green;
      }
     </style>
   </body>
</html>

1 Ответ

0 голосов
/ 18 декабря 2018

Во-первых, лучше поместить тег стиля в заголовок документа.Тогда у вашего div нет ширины и высоты.Попробуйте дать вашему телу ширину 100vw и высоту 200vh, затем укажите фиксированный div шириной 100px и высотой 100px.Вы увидите, как это работает.Также вам придется выбирать между верхом: 0 и низом: 0, а также выбирать между правым: 0 и левым: 0

...