Question

我有以下标记（我已经删除了内容）

<div id="playArea" style="position: relative">
    <div class="widget" id="widget2" style="position: absolute;width:153px;top:282px;left:243px;" ></div>           
    <div class="widget" id="widget8" style="position: absolute;width:278px;top:-2px;left:446px;" ></div>            
    <div class="widget" id="widget24" style="position: absolute;width:363px;top:-1px;left:16px;" ></div>
    <div class="widget" id="widget30" style="position: absolute;width:200px;top:-1px;left:233px;" ></div>
    <div class="clear">&nbsp;</div>
</div>

这个标记大约是我的页面在firefox 3中的一半，显示我想要的但是在IE 6和7中，除了在playArea容器顶部显示的最后一个div（widget30）之外，一切都很好。关于如何在IE中修复此问题的任何想法？

由于

Answer 1

你有“top：-1px”

这意味着它将定位在定位父级的TOP上方1个像素，这是您的playArea div。

所以，听起来它正在做它应该做的事情。

Answer 2

在IE 6和8以及Firefox中它对我来说也是一样的。当然你不会遗漏什么？

CSS：在相对div容器中定位绝对div（IE bug）

2 个答案: