我已创建了绝对定位的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窗口中查看此示例，形状几乎是关闭的页面，我必须滚动，但它仍然存在。也许你可以更详细地描述问题？