在調整瀏覽器大小時將兩個div粘在一起

我正在爲網站設計一個模板頁面。在這裏可以看到：http://www.acielouvert.net/clos/在調整瀏覽器大小時將兩個div粘在一起

在標題中，我有一個幻燈片，圖像寬度爲100％，他們調整與瀏覽器。

當我調整瀏覽器的大小以下960px我希望div .continue與div.header保持聯繫。
其實我把margin-top: 700px放在div .continue。

你有什麼想法我該怎麼做？
我不想使用媒體查詢。

請在這裏看到的頁面代碼：http://pastebin.com/gLaerw1F

感謝，
紀堯姆

來源

2014-11-24 Guillaume

請在帖子中包含相關代碼，並閱讀[如何提出一個好問題]（http://stackoverflow.com/help/how-to-ask）。 – jurgemaister 2014-11-24 17:35:03

爲什麼你不想使用媒體查詢？他們正是爲這種情況而設計的...... – 2014-11-24 17:37:05

你認爲我必須去與媒體查詢。我必須爲div設置很多場景，以便始終接觸彼此。 – Guillaume 2014-11-24 17:42:05

這樣的事情。

@media screen and (max-width: 960px) { 
    // What ever you want ... 
}

來源

2014-11-24 17:50:22 Junaid

如果我這樣做，「。繼續」將會到達頁面頂部。我可以設置不同寬度和邊距的步驟，但用戶會在步驟之間看到，繼續不會觸摸.header。 – Guillaume 2014-11-24 17:52:34

你究竟想要什麼？ – Junaid 2014-11-24 17:53:07

我想。繼續總是觸摸.header – Guillaume 2014-11-24 17:55:31

我做了一些一些測試，我發現的唯一辦法是使用％，爲margin-top.continue

當用戶調整低於960像素的瀏覽器中，兩個div粘在一起，我避免由於間隙margin-top: 700px;

我肯定會在最後添加一些media queries，但是％對幫助很大。

感謝您的幫助@Junaid，@Josh Burgess，@jurgemaister。

來源

2014-11-25 09:40:33 Guillaume

在調整瀏覽器大小時將兩個div粘在一起

回答

相關問題