У меня есть canvas элемент, завернутый в абсолютно позиционированный div:
body {
position: relative;
height: 100px;
}
.shape {
position: absolute;
top: 0; bottom: 0; left: 0;
background-color: green;
}
.shape > canvas {
display: block;
height: 100%;
}
<div class="shape">
<canvas width="200" height="200"></canvas>
</div>
Холст имеет соотношение 1х1.Высота абсолютно позиционированного контейнера составляет 100% от высоты тела и составляет 100 пикселей.Размер холста в этом случае должен быть 100x100px.Так должен быть размер его родительского абсолютно позиционированного контейнера (заполнен зеленым).В Chrome все работает нормально, однако Firefox игнорирует пересчитанную ширину элемента canvas и использует встроенное значение ширины для определения размера родительского абсолютно позиционированного контейнера.Почему это?