CSS position: absolute | relative ??

    Recently I started using block layout and such difficulties arose:
    FF and IE display the same in their own way, Opera in their own way, creating some kind of indentation.



    The solution, as it turned out too banal (for the parent block, it was necessary to put position): I would like to clarify with the typesetters:

    div#parent {
       position: relative;
       width: 1000px;
    }

    div#child1 {
       position: absolute;
       top: 50px;
       left: 50px;
    }

    div#child2 {
       position: absolute;
       top: 200px;
       left: 120px;
    }

    (etc)

    how can we absolutely position the blocks inside the parent block so that the "children" do not pay attention to each other and do not "push"?


    Well, it doesn’t work out. In the picture I visually indicated an example, which I need.
    Better articles about block layout, or examples. Because I did not find the necessary information on the Internet.

    Also popular now: