我已創建了絕對定位的div Java腳本...但

Question

的所有計算機的利潤率different.so圖像沒有放置在他們r應該是

<div id="mydiv" style="height: 25px;width: 503px; left: 659px; position: absolute; text-align: center; top: 805px; width: 130px;width:328px;background:black" onmouseover="this.style.background='yellow';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 20px;width: 503px; left: 659px; position: absolute; text-align: center; top: 785px; width: 130px;width:328px;background:black" onmouseover="this.style.background='violet';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 20px;width: 503px; left: 659px; position: absolute; text-align: center; top: 765px; width: 130px;width:328px;background:black" onmouseover="this.style.background='indigo';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 20px;width: 503px; left: 659px; position: absolute; text-align: center; top: 745px; width: 130px;width:328px;background:black" onmouseover="this.style.background='red';" onmouseout="this.style.background='white';"> 

    </div> 

<div id="mydiv" style="height: 20px;width: 503px; left: 659px; position: absolute; text-align: center; top: 576px; width: 130px;width:328px;background:black" onmouseover="this.style.background='green';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 20px;width: 503px; left: 659px; position: absolute; text-align: center; top: 556px; width: 130px;width:328px;background:black" onmouseover="this.style.background='orange';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 20px;width: 503px; left: 659px; position: absolute; text-align: center; top: 536px; width: 130px;width:328px;background:black" onmouseover="this.style.background='brown';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 20px;width: 503px; left: 659px; position: absolute; text-align: center; top: 519px; width: 130px;width:328px;background:black" onmouseover="this.style.background='violet';" onmouseout="this.style.background='white';"> 

    </div> 

<div id="mydiv" style="height: 150px;width: 40px; left: 659px; position: absolute; text-align: center; top: 596px; width: 10px;width:25px;background:black" onmouseover="this.style.background='indigo';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 150px;width: 40px; left: 659px; position: absolute; text-align: center; top: 596px; width: 10px;width:25px;background:black" onmouseover="this.style.background='brown';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 150px;width: 40px; left: 684px; position: absolute; text-align: center; top: 596px; width: 10px;width:25px;background:black" onmouseover="this.style.background='green';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 150px;width: 40px; left: 709px; position: absolute; text-align: center; top: 596px; width: 10px;width:25px;background:black" onmouseover="this.style.background='pink';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 150px;width: 40px; left: 734px; position: absolute; text-align: center; top: 596px; width: 10px;width:25px;background:black" onmouseover="this.style.background='violet';" onmouseout="this.style.background='white';"> 

    </div> 

<div id="mydiv" style="height: 150px;width: 40px; left: 885px; position: absolute; text-align: center; top: 596px; width: 10px;width:25px;background:black" onmouseover="this.style.background='indigo';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 150px;width: 40px; left: 905px; position: absolute; text-align: center; top: 596px; width: 10px;width:25px;background:black" onmouseover="this.style.background='green';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 150px;width: 40px; left: 930px; position: absolute; text-align: center; top: 596px; width: 10px;width:25px;background:black" onmouseover="this.style.background='blue';" onmouseout="this.style.background='white';"> 

    </div> 
<div id="mydiv" style="height: 150px;width: 40px; left: 955px; position: absolute; text-align: center; top: 596px; width: 10px;width:32px;background:black" onmouseover="this.style.background='red';" onmouseout="this.style.background='white';"> 

    </div> 

Answer 1

• 圖片？你的例子中只有div元素。

• 你不能把所有的元素相同的ID，ID必須是唯一的（HTML 4.01和XHTML）

除此之外，您發佈的例子給出了一個「方形甜甜圈」形Firefox 3.6，Chrome和Internet Explorer 8.

由於您已經使用position：absolute，我不確定計算機邊距如何影響此佈局。你的意思是屏幕尺寸/瀏覽器大小 - 如果我在1024x768窗口中查看此示例，形狀幾乎是關閉的頁面，我必須滾動，但它仍然存在。也許你可以更詳細地描述問題？