关于绝对定位属性

Question

我有一个div，我使用css的绝对定位属性定位。现在我想知道是否有一种方法允许这个div显示在我现在在屏幕上看到的完全相同的位置，即使屏幕较小或较大而不改变div的绝对定位属性？

这只是一个粗略的例子：

<div class="name"> I am somewhere in the body </div>
...................
..................so and so codes...
..................
<div class="display">I want to stand beside the class called name </div>

如果我为显示器编写css，那么它恰好位于类名

旁边

.display {
    position: absolute;
    width: 200px; 
    top : 132px; [assume]
    left : 200px; [assume]
    border: #D3D3D3; 
    -webkit-box-shadow: 5px 5px 15px #888;
    -moz-box-shadow: 5px 5px 15px #888;
    box-shadow: 5px 5px 15px #888;
}

我的屏幕显示正确。但是如果屏幕尺寸不同，那么由于我使用了绝对定位属性，它不再显示正确的位置。但现在我想找到一种方法或技巧来解决它而不改变绝对定位属性。

Answer 1

包装就像 -

<div id="someId">
    <div class="display"></div>
</div>

并添加此css

#someId {
    position: relative; 
    width: 0; 
    height: 0;
}

Answer 2

这似乎是浮动属性的东西，改变你的CSS如：

.display {
    float:right;
    width: 200px; 
    border: #D3D3D3; 
    -webkit-box-shadow: 5px 5px 15px #888;
    -moz-box-shadow: 5px 5px 15px #888;
    box-shadow: 5px 5px 15px #888;
}