XHTML - 2つのフロート：右のdivsはお互いにontop？

Question

私は2つのフロートを置いておきたいと思います。

私は位置を試しました：相対; top：-HEIGHTpx;しかし、それは何もしないことのようです（もちろん、私は私が実際の高さ

私ははるかに必要な詳細が本当にないと思うに入れ、「HEIGHT」に入れませんでした。

をここにスタイル属性だが最初の要素の：

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; float:right; font-family:arial; height:250px" 

そして第二：お互いの内側にそれらを置く

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; z-index: 2; float:right;" 

は可能でしょうが、私は左を操作するために必要とするつもりです：___ pxプロパティのjavascriptなので、私はむしろそれらを兄弟として残したいと思います。

Answer 1

position：absoluteとz-indexを両方のdivに使用できます。

まずコンテナのdiv（あなたの2つのdivの親）に追加：

position: relative 

まずDIV：（削除フロートは、余白の右には、追加位置絶対とzインデックス）

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 1" 

第二のdiv：（削除フロート、マージン右は、絶対位置とzインデックスを追加しました）

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 2;"