如何將div放置在絕對位置？

我想移動我的div在確切的地方（像素）我想（座標應該是相對於父母的div）。如何將div放置在絕對位置？

我試着寫：

<body> 
    <div id="desk" style="position: absolute; width:400; height:400; background-color:blue;" > 
     <div id="cell1" style="position: absolute; left: 51px; top: 1px; width: 48px; height: 48px; color:black; background-color:black;" /> 
     <div id="cell2" style="position: absolute; left: 1px; top: 51px; width: 48px; height: 48px; color:black; background-color:black;" /> 
    </div> 
</body>

這裏有（51.1）兩個正方形和（1,51）座標。

我希望得到這樣的：

expected

，但得到這個：

enter image description here

爲什麼？我做錯了什麼，以及如何正確制定？

P.S. '固定'，而不是'絕對'將完成這項工作，但方塊不在父div下，並且不響應滾動。有什麼方法可以解決它嗎？

來源

2012-10-26 Arenim

瀏覽器

使用PX - 鉻 - 瀏覽器，Ubuntu的12.04 – Arenim

這個工作對我來說：

<div id="desk" style="position: relative; width:400px; height:400px; background-color:blue;" > 
    <div id="cell1" style="position: absolute; left: 51px; top: 1px; width: 48px; height: 48px; color:black; background-color:black;"></div> 
    <div id="cell2" style="position: absolute; left: 1px; top: 51px; width: 48px; height: 48px; color:black; background-color:black;" ></div> 
</div>

關閉<div>標籤。它認爲，第2格是第1格的孩子。在width:400px; height:400px;

來源

2012-10-26 15:24:39 user4035

「使藍色div位置：相對」 - 要成爲一個包含塊，位置屬性需要設置爲非「靜態」的東西。這是「絕對的」，所以不需要將其改變爲「相對」。 – Quentin

你是對的。我會刪除這個項目。 – user4035

您留下的結束標記了你的div，所以cell2裏面cell1，因此被定位相對於的cell1邊緣，而不是desk。

您不能在HTML中使用XML自閉標籤語法。

來源

2012-10-26 15:22:09 Quentin

這裏是一個小提琴：http://jsfiddle.net/GvQ3x/

關閉（的<div /><div></div>代替）標籤的div，也使用px（或其他任何東西）當您想設置你的div容器的大小

來源

2012-10-26 15:23:35 udidu

您需要關閉您的DIV標籤正確：

<body> 
    <div id="desk" style="position: absolute; width:400; height:400; background-color:blue;" > 
     <div id="cell1" style="position: absolute; left: 51px; top: 1px; width: 48px; height: 48px; color:black; background-color:black;"></div> 
     <div id="cell2" style="position: absolute; left: 1px; top: 51px; width: 48px; height: 48px; color:black; background-color:black;"></div> 
    </div> 
</body>

Example fiddle

來源

2012-10-26 15:24:35

謝謝你，那是。我正在寫_html_，而不是_xhtml_，而我忘記了它。 – Arenim

如何將div放置在絕對位置？

回答

相關問題