Div在窗口大小調整時不會移動

我在另一個div的頂部有2個div，但是當我調整窗口大小時，它們保持放置，而不是移動它們後面的div。我認爲如果這個位置是相對的，他們會與前一個div一起移動，但它似乎並不像這樣工作。我錯過了什麼？Div在窗口大小調整時不會移動

下面的CSS和HTML簡化了。

<div class="wrapper" style="margin: 0 auto; text-align: center;"> 
<div id="0"> 
      <img src="0.gif" width="960px" alt="" /> 
      <div class="top"> 
       <div id="tag" ><img src="tag.png" alt="" /></div> 
       <div id="tag2"><img src="5500.png" alt="" /></div> 
      </div> 
</div> 
</div>

和CSS這樣的：

#0 { 
     clear:     right; 
     z-index:    0; 
}  
.top { 
     float:     left; 
     z-index:    1; 
     clear:     left; 
     position:    relative; 

} 

#tag { 
     margin-top:    -500px; 
     margin-left:   -600px; 


} 

#tag2{ 
     margin-left:   750px; 

}

來源

2011-10-07 HankSmackHood

position：static ...爲什麼？ – Jordy

@Jordy不完全確定，玩過很多東西，一定忘記把它取出來。現在去除。 – HankSmackHood

我的眼睛受傷了。注意，不建議讓ID以數字開頭。 –

好像你期待的top DIV，與其相關的tag div的，當你調整頁面大小與0.gif圖像移動。相反，它正在相對於wrapper div的左邊緣移動，該邊緣與屏幕的左側固定在一起。您可能會通過將width: 960px添加到.wrapper div的樣式中來獲得所需的結果。

爲了進一步的啓發，請檢查每個div的邊界框。你可能會發現一個臨時的border: 2px solid green風格有助於解決問題。

來源

2011-10-07 17:05:56 eswald

Div在窗口大小調整時不會移動

回答

相關問題