Используйте следующий код в браузере Firefox, чтобы воспроизвести проблему:
<html>
<body>
<div class="bluediv" style="position: absolute;height: 400px;width: 400px;background-color: blue;">
<div class="yellowdiv" style="height: 350px;width: 400px;background-color: yellow;">
</div>
<div class="reddiv" style="position: relative;top: -350px;left: 0;height: 100px;width: 100px;background-color: red;">
</div>
</div>
</body>
</html>
Когда страница точно такая же большая, как bluediv (что составляет 400px), она становится прокручиваемой, потому что reddiv занимает дополнительные 50px, как и внижняя часть DOM.Тем не менее, reddiv относительно позиционируется и фактически занимает место в левом нижнем углу страницы.Как я могу заставить Firefox не делать прокрутку страницы выше 400px?
Мои идеи: - Я могу сделать так, чтобы у bluediv не было переполнения, но я бы не хотел;- Я мог бы сделать, чтобы красный div имел фиксированную позицию, но это также не было бы хорошо.