divの位置を移動するためにCSSの値を使用

こんにちは私はこれを行うには正しい方法ですが、私はdivタグを配置しようとしているのか分かりません前のdiv要素の上にこれは私が働いているdivの位置を移動するためにCSSの値を使用

example

私は仕事にこれを取得するために使用している私のCSSは、トップ部分のdiv要素は、私はそれが要素上が一番下に望むように見えますので、

.page-frame { 
background-color: #fff; 
padding-top: 40px; 
position: relative; 
top: -35px; 
}

のように見えます調整していない-35pxの場合はdです。

enter image description here

私は助けをdoesntのが要素の後に明確なdiv要素を追加しようとしています。 .page-frame divと次のdivの間のスペースを削除するには、何を変更する必要がありますか？

出典

2012-04-06 Diver Dan

コードの[jsFiddle]（http://jsfiddle.net/）を作ることができれば助けになります。 – stealthyninja

そのギャップは約40pxの高さに見えます。あなたのCSSのどこに番号が表示されますか？ – Griffin

position: relativeの使用のみページ内の要素の外観をシフトではなく、実際に「スペース」は、それがページ上で占めます。だからあなたがしたことは、要素35pxを表示するために視覚的な変更を加えましたが、他の要素がその周りをリフローすることはありません。おそらく、追加する必要があるのは、最終的な効果を得るためにmargin-bottom: -35pxです。

EDIT：Added better fiddle example余白を付けたリフローを示します。

出典

2012-04-06 23:45:08 ScottS

利用position: absolute;代わりのrelative

出典

2012-04-06 23:44:38 Starx

divの位置を移動するためにCSSの値を使用

答えて

関連する問題