css - 您如何使图像保持在原位但与浏览器或屏幕分辨率保持一致

Question

几天前我问了一个问题，但我认为我不够清楚，所以我会澄清一下。首先让我给你看两张图片，你会看到我的问题是什么。这对我来说是这样的http://puu.sh/2NrEi.jpg但对于屏幕分辨率不同或浏览器放大的人，他们会看到这个http://puu.sh/2NrED.jpg而我不知道我将如何阻止这种情况发生。

这是我的一些代码。（我完全不擅长css）

 <style>
    #div1 {
    position: absolute;
        left: 542px;
    top: 432px;
    }
    #div3 {
    position: absolute;
        left: 264px;
    top: 433px;
    }
    #div4 {
    position: absolute;
    left: 1045px;
    top: 432px;
    }
    #div5 {
    position: absolute;
    left: 313px;
    top: 566px;
    }
    #divl {
    position: absolute;
        left: 542px;
    top: 460px;
    }
        </style>

Answer 1

尝试这样的事情： -

<div class="main">
<div class="box size1">Div1 for rank information</div>
<div class="box size2">Div2 for center content</div>
<div class="box size1">Div3 for need help box</div>
</div>

CSS :-

.main
{
 width:100%;
}
.box 
{
 display:inline-block;
}
.size1 
{
 widht:20%;
}
.size2 
{
 widht:60%;
}

以百分比设置宽度