如何爲所有屏幕分辨率定位div

我需要在我的網頁的某個部分放置div。所以我編碼如下，如何爲所有屏幕分辨率定位div

<div style='position:absolute;top:500px;margin-left:300px;width:100px;border:1px solid #000000;height:100px;'></div>

當我在19英寸的顯示器檢查此頁時，它被放置在我想要的地方。但我檢查了17英寸顯示器中的相同頁面，它在左側放置了50-70像素。

所以我應該如何把div放在所有屏幕分辨率的相同位置。這個問題可能看起來很簡單，但我對css不是很熟悉，所以非常感謝。謝謝。

來源

2011-10-14 VKGS

顯示器尺寸應該與這個問題很少有關......用戶瀏覽器窗口的大小如何？ – Sparky

可能應該使用％而不是像素來定義位置和大小。 – FUD

@ Sparky672：17英寸顯示器具有1024 * 768分辨率，19英寸顯示器具有1366 * 768分辨率。 – VKGS

最初的div沒有父元素，所以它直接在身體元素之下。所以當我試圖設置左：100px時，它從瀏覽器中最左邊的部分開始計數。

但我已經有一個與900px的div與一些內容和一半的空間（垂直）在這個div是空的。這是我想放置100px div的地方。

所以我把900px的位置設置爲相對，並將100px轉換爲900px的div。現在這個div被定位爲「絕對」到父元素。

現在，如果我設置左：100px的div從它的相對位置的父元素計數。

這個概念很簡單，

絕對定位的工作原理是使用位於下一個可用的父容器（絕對或相對）

看一看這個鏈接它有助於實現這一目標，absolute postioning

來源

2011-10-14 06:23:51 VKGS

可能是你想要一個absolute positiondivhorizontallycenter然後寫這樣 CSS：

div{ 
    position:absolute; 
    top:500px; 
    margin-left:-50px; 
    left:50%; 
    width:100px; 
    border:1px solid #000000; 
    height:100px; 
}

&您可以使用media query對於不同分辨率檢查這個http://css-tricks.com/6206-resolution-specific-stylesheets/

來源

2011-10-14 05:02:33 sandeep

我不想居中，但div應放置在網頁的相同部分的所有決議。我試圖爲％左對齊，但它仍然更多的時候，我看到在17「監視器 – VKGS

http：// jsfiddle。網/更好地瞭解你的問題 – sandeep

如何爲所有屏幕分辨率定位div

回答

相關問題