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 に答える