1つのdivを別のものにフロートさせる

Question

ページに2つのdiv要素があります。 ポップアップのように1つのdivを別のものにフロートさせるにはどうすればいいですか？

Answer 1

position:absolute;を使用して、「ポップアップ」をもう一方の境界内に配置するように設定します。 「ポップアップ」divも小さくなるはずです。

z-indexを使用して、「ポップアップ」をもう一方の上に重ねます（z-indexのほうが高い値にします）。

内側のdivが実際にもう一方の上に浮いているようにしたい場合は、border-right:2px solid blackとborder-bottom:2px solid blackのような影を作成します。

実際にポップアップ/表示/非表示にしたい場合は、スクリプトを使用する必要があります。

Answer 2

次に、このようなCSSのzインデックスプロパティを使用：

div1 { 
    z-index:1000; 
} 

div2 { 
z-index:1001; 
} 

最高z屈折率要素が一番上に表示されます。

Answer 3

positionをfixedに設定すると、ユーザーがスクロールしても表示されたままになります。 「上」、「左」、「右」の属性を使用して位置を設定できます。私は基本的にあなたが求めているものを行い、「ベータ版」のロゴに使用するCSSはこれです：

.fixed{ 
    position:fixed; 
    top:0px; 
    right:0px; 
    width:100px; 
}