Отличная новая книга под названием «Детектив CSS» - это круто. Объяснение в одном предложении с примерами кода всех общих проблем с позиционированием, плавающими элементами и т. Д., А затем есть четыре / пять тематических исследований со всем кодом, чтобы вы могли посмотреть и выяснить, что же не так все до объяснений.
Теперь, что касается вашей проблемы, вы вообще используете позиционирование или просто плаваете? Хотя поплавки не были предназначены для разметки, они стали огромным инструментом для этого, но есть предостережения, как и для других.
Ребенок наследует свойства своих родителей, если не переопределен.
Звучит так, как будто вы используете поплавки, вы бы плавали влево / вправо и вставляли поле слева или справа в 50px. Если установлено абсолютное положение, просто проверьте экранные координаты и используйте left: и top: с px, чтобы указать, где его разместить.
Очевидно, у вас должен быть родитель или контейнер с позицией: относительный, который оборачивает элемент, который вы позиционируете абсолютно, так как это тот элемент, против которого элемент / дочерний элемент будет расположен.
Относительный устанавливает концепцию / цель позиционирования. Но он «относительно» своей позиции в потоке документов.