divを移動する際の問題

div #planetを移動しようとすると（マージントップが-76pxから-86pxに変更されます）、私のサイト全体が「持ち上げられます」。divを移動する際の問題

あなたはこちらのページを表示（および問題を参照）http://rssreaderbg.net/pubsubbub/example/cssexam/index.php

2011-02-03 lam3r4370

divはブロック要素なので、端から端まで伸びます。だから、特定のdivの先頭を変更すると、次のすべてのdivの上端が変更されます。

このページの一番下にあるトリック（古き良きもの）を参照してください（たとえば、）。これはどのように動作するのかを見て、それを自分で複製する方法を見つけることができます。

2011-02-03 17:44:43 jcolebrand

申し訳ありませんが、私はあなたが話しているトリックを見つけることができません。 – lam3r4370

**あなたの目で見てください**ページを構成するすべての単一の「ボックス」を見たいですか？これをスタイルシートに一時的に入れてみてください： '* {border：1px solid red！important; } ' – jcolebrand

@ lam3r4370あなたはそれを最後のCSSルールとして解釈することに注意してください。 – jcolebrand

は「アイコン」のdiv ...あなたは今、その余白を変更すると、親DIV（アイコン）の大きさが影響を受けるまでの高さのパラメータを追加しようとすることができます全体サイトでは、その高さに変更

2011-02-03 17:40:04

これは動作します！私を選ぶ！ :-D –

OK、しかし_why_はこれを行います;）〜残りの部分よりも良い答えを作ってください – jcolebrand

divには高さが固定されていませんが、div要素はその中で要素を移動することによって変更されますお互いの上に積み重ねられています –

をDIVので、ちょうどクラスのすべてのマージンを削除#container

2011-02-03 17:40:09 Sotiris

それは実際に彼が望むことをしません。 – jcolebrand

@drachenstern私が正しく理解していれば、下のコンテンツは「持ち上げて」同じ場所に保管したいと考えています。 'padding-top：10px'を追加すると、コンテンツがその場所に戻ります。 – Sotiris

しかし、彼が望んでいるのは、惑星そのものだけが移動することだけです。おそらく、彼が望むかもしれないかもしれない '＃nav 'にパディングトップを追加しても、#containerは何も変更しないだろう。個々の要素で手動でスタイルを演奏してみてください。 – jcolebrand

ためpadding-top:10px;を適用.iconss

使用位置まで移動します。#ico上の絶対nsを設定し、クラスの相対位置を設定します.iconss

ここで、アイコンの位置を設定するには、topとleftのCSSプロパティを使用します。

クレバー。

2011-02-03 17:42:43

id = iconsはid = nav以上です。 id = iconsの要素の上マージンを編集するとid = iconsになります。 id =アイコンが上がると、他のアイコンも上がる。私はアイコンとナビゲーションにもposition cssを使うことをお勧めします。

2011-02-03 17:52:56 borayeris

答えて