How can DIVs be aligned on top of each other in CSS irrespective of the zoom level?

edit

One way to achieve this in CSS is by using absolute positioning with top and left properties set to 0 for each div. This ensures that each div is positioned at the top left corner of its parent container. Additionally, the parent container should have a relative positioning to act as a reference point for the absolute positioning of the child divs.

For example:

.parent-container {
  position: relative;
}

.child-div {
  position: absolute;
  top: 0;
  left: 0;
}

With this code, the child divs will be positioned on top of each other, aligned to the top left corner of the parent container, regardless of the zoom level.