div不會留在同一個地方嗎？

Question

大家好，我們將不勝感激。 我一直在我的網站上工作，我有一個div，其中包含我的登錄表格，單擊按鈕即可將其更改為我的注冊表格。

問題在於頁面第一次加載時，表單位於1個位置。 當我單擊按鈕時，它向右移動。 然后，我可以在表單之間來回交換，沒有任何問題，並且表單停留在1個位置。

http://www.legaleyealpha.webatu.com/v2/index.html

如果單擊頂部眼睛周圍的藍色按鈕，這將更改表格。 我還沒有完成這部分的設計。

這是指向我的索引頁面的鏈接，您可以看到問題。 我什至嘗試制作第3個div，以使表格進一步向右移動，但仍然無法正常工作。

任何幫助將非常感謝。

Answer 1

據我所知，所有定位都是在樣式中完成的。 您的#background2聲明（即您開始的內容）已經left: 242px而您隨后使用的#background1和#background left: 400px

Answer 2

您有三個感興趣的div。這是頁面加載時的樣子：

<div class="login" style="display: none;"></div>
<div class="startup"></div>
<div class="signup" style="display: none;"></div>

然后，在單擊“ signupbuttonswap”按鈕后，它們如下所示：

<div class="login" style="display: none;"></div>
<div class="startup" style="display: none;"></div>
<div class="signup" style="display: block;"></div>

再單擊一次后，它們將如下所示：

<div class="login" style="display: block;"></div>
<div class="startup" style="display: none;"></div>
<div class="signup" style="display: none;"></div>

因此，您的問題不僅僅在於div發生莫名其妙的移動，還在於您隱藏並顯示了在兩個不同位置出現的兩個不同div的事實。

那么，我的問題是為什么登錄表單在兩個不同的地方重復？

編輯

基本上，您的div.startup似乎是不必要的。 擺脫它，在頁面加載時使div.login可見，您應該會很好。