絕對定位浮動Div Div

我試圖實現這一點：在屏幕左側寬度爲1000px，高度爲350px的圖像。屏幕右側的電子郵件捕獲。我希望電子郵件div可以放在1024x1200像素的部分圖像上，但是當屏幕展開（或在更大的屏幕上觀看）時，我希望這兩個圖像分開，然後以最大寬度停止。我相信我已經完成了這部分的過程。絕對定位浮動Div Div

我的第二個問題是，當屏幕變得小於1024時，我希望將電子郵件捕獲置於圖像下方。

我現在有了這個設置作爲一個絕對定位的圖像和一個浮動div覆蓋它與含有div的最大寬度持有兩個。但隨着絕對放置，浮動div不會立即滑動到絕對放置的圖像下方，而是在屏幕的左側和右側之間來回跳動，最後在圖像的頂部結束...

http://new.healthcareexcellence.org/

來源

2015-03-19 matt stewart

直視CSS媒體查詢你是什麼試圖實現www.mediaqueri.es – Sai 2015-03-19 00:34:31

position: absolute;對圖像容器.home-featured-left是罪魁禍首。

當您不需要時（只要您點擊小屏幕尺寸），您只需要「禁用」絕對定位。有很多方法，你可以去了解它，但最簡單的方法是隻添加以下內容：

.home-featured-left { 
    position: static; 
}

成小屏幕尺寸的媒體查詢：@media only screen and (max-width: 960px)

來源

2015-03-19 04:03:22 Adam

道歉馬特，我的意思是'位置：靜態;'。我現在在我的答案中更新了這個。將其設置爲靜態會將位置樣式設置回默認值（如果位置尚未定義，靜態是默認值）。或者，'position：relative;'也可以。 – Adam 2015-03-19 05:09:15

絕對定位浮動Div Div

回答

相關問題