如何阻止元素移動

只是一個簡單的問題。我最近發現了用於百分比和在CSS中的位置。不過，我在移動元素時遇到了一些問題。如何阻止元素移動

我有兩個圖像在屏幕的左側，一個在右側。兩幅圖像都設置爲相關定位。我現在面臨的問題是讓圖像保持原樣，而不是移動到窗口的框架中。我如何使用百分比實現這一點？

的CSS

.left { 
position:relative; 
left:0%; 
z-index:250; 
} 

.right { 
position:relative; 
right:100%; 
z-index:250; 
}

添加於REQUEST

/* -- page layout */ 
#wrapper { 
position:relative; 
width:auto; 
height:auto; 
margin:0; 
padding:0; 
z-index: 0; 
} 
#wrapper #head{ 
position:relative; 
width:100%; 
height:50px; 
z-index:200; 
margin:0; 
margin:0; 
}

注

這些圖像被放置在一個div內，跨越屏幕的100％。再次感謝！

來源

2014-01-22 Beaniie

你可以顯示影響父元素的HTML和CSS嗎？ – putvande

我們在那裏，這是我的內容包裝和圖像放在其中的標題。 – Beaniie

什麼是*「相關」*定位。 ;） –

/* -- page layout */ 
#wrapper { 
position:relative; 
width:auto; 
height:auto; 
margin:0; 
padding:0; 
z-index: 0; 

min-width: 1280px; 
overflow:hidden;

}

這已經修好了我！感謝你的幫助！

來源

2014-01-23 00:35:41 Beaniie

如果我跟着你正確，儘量

.right { 
    position:relative; 
    left: 80%; 
    z-index:250; 
}

我建議使用float代替。

http://jsfiddle.net/beautifulcoder/HCjvK/

來源

2014-01-23 00:20:36 beautifulcoder

關閉，我已經切換到現在浮動。目前有圖像漂移到右側，但當我調整大小時，它仍然沿着瀏覽器的右側。在左邊的圖像上直接擠壓。我寧願讓所有內容都坐在我的位置。（但仍然允許它向下滾動頁面） – Beaniie

聲音像媒體查詢可能是您在調整大小時需要的內容 – beautifulcoder

否我爲不同的設備設置了設置，我需要在調整桌面上的瀏覽器窗口時停止移動元素。 – Beaniie

如何阻止元素移動

回答

相關問題