絕對定位的元素和響應式設計

我正在做一個模板的響應部分，我面臨的問題是絕對定位的元素。調整屏幕大小時，絕對定位的元素開始從其位置移動，這是不需要的。可以只使用媒體查詢，但是我需要將它們用於元素移動的幾乎每個像素（或者我可能不正確？）。絕對定位的元素和響應式設計

這裏是我的代碼：https://codepen.io/Kestvir/pen/QMdMXo

#design { 
    padding-top: 20px; 
    background: green; 
    min-height: 850px; 
    background-size: cover; 
    position: relative; } 

    #design #big { 
    display: block; 
    margin: 0 auto; } 

    #design #small { 
    position: absolute; 
    right: 655px; 
    top: 300px; }

來源

2017-08-06 KestVir

我看了看代碼筆的CSS代碼，你知道你可以將樣式應用於所有元素與''選擇吧？ – Ivan

可以使用％來代替像素如：右當前位置

#design #small { 
    position: absolute; 
    right: 38%; 
    top: 300px; 
}

來源

2017-08-06 18:19:29 scaisEdge

我不知道你想要把那個元素，因爲你沒有在你的問題中指定，但如果你想要把該元素的地方，而不改變其位置使用position: relative並相應地選擇位置。

來源

2017-08-06 18:19:07

絕對定位的元素和響應式設計

回答

相關問題