3

我有一个使用 css 的绝对定位属性定位的 div。现在我想知道是否有办法让这个 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;
}

它在我的屏幕上显示正确。但是，如果屏幕尺寸发生变化，则它不再显示正确的位置，因为我使用了绝对定位属性。但是现在我想在不改变绝对定位属性的情况下找到是否有办法或技巧来解决它。

4

2 回答 2

2

像这样包裹 - 

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

并添加这个 CSS

#someId {
    position: relative; 
    width: 0; 
    height: 0;
}
于 2013-05-04T19:41:47.307 回答
1

这似乎是 float 属性的东西，改变你的 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;
}
于 2013-05-04T19:55:07.437 回答