В каком контексте будут использоваться эти изображения?Может ли объединенная область вокруг изображений иметь фиксированную высоту и ширину?
Поскольку position: absolute выводит элементы из потока документов, если вы посмотрите на <div id="myDiv" class="text-center mydiv"> в инспекторе, он имеет высоту и ширину 0px, потому что он не знает об абсолютно позиционированных элементах внутри него.
Если вы задаете одинаковую фиксированную высоту и ширину, например:
.mydiv {
position: relative;
top: 110px;
width: 500px;
height: 500px;
}
Вы можете расположить .img-fluid.arm изображение относительно этого:
.img-fluid.arm {
max-width: 10%;
position: absolute;
left: 68%;
top: -10%;
}
Эти ценности заставили меня работать.Проценты, как правило, лучше, чем жестко заданные значения пикселей, потому что, например, если вы хотите, чтобы это объединенное изображение масштабировалось при разных размерах экрана, вы можете увеличить или уменьшить ширину / высоту .my-div (убедившись, что они всегдаквадрат) и вам не нужно менять проценты по позиции для .img-fluid-arm