Css 带有图像的多个div绝对定位的Chrome/IE问题

现在我正在帮助一位朋友充实一个想法，在一个400x400的盒子里展示各种服装图片

我在使用绝对定位的div（装备箱裤子、外装箱衬衫等）时遇到问题，这些div包含父div（装备箱）中的服装图像，且位置设置为相对。在Firefox上，我所有的div都排列正确，网站显示正常。但在IE和Chrome上，我的绝对位置div把整个页面弄得一团糟

问题似乎是IE/Chrome给我的其他部门分配了某种定位，这导致他们都蜷缩起来。发生什么事了

---

编辑：问题解决了

我在firefox 5中查看了它。那里也很乱

我想你需要和firebug一起看。例如，它说您有一个“styles.css”文件，该文件将.outfix-box-pants重新定义为左侧：1px，top 1px。（第297行）

所以，实际上所有的东西都是按照你定义的那样显示的

您可能希望删除对的引用或修复它

---

现在，至于为什么你的firefox显示正确，我认为它是缓存的，而你没有看到当前的副本。

我在Firefox5中看到过它。那里也很乱

我想你需要和firebug一起看。例如，它说您有一个“styles.css”文件，该文件将.outfix-box-pants重新定义为左侧：1px，top 1px。（第297行）

所以，实际上所有的东西都是按照你定义的那样显示的

您可能希望删除对的引用或修复它

---

现在，至于为什么您的firefox显示正确，我想说它是缓存的，您没有查看当前副本。

您的图像标记缺少结束标记（

/>

）

---

一旦我添加了这些，图像就会为我排列起来（）。

您的图像标记缺少结束标记（

/>

）

---

一旦我添加了这些，我的图像就排成了一行（）。

在IE、FF、Chrome、Opera中看起来一团糟。。。哎呀，在IE，FF，Chrome，Opera中看起来一团糟。。。哎呀。

                <div class="outfit-box-shoes">
                    <img src="http://preview.archerandreed.com/images/outfits/large/shoes-001.png" />
                </div>                    
                <div class="outfit-box-shirt">
                    <img src="http://preview.archerandreed.com/images/outfits/large/shirt-001.png" />
                </div>                    
                <div class="outfit-box-pants">
                    <img src="http://preview.archerandreed.com/images/outfits/large/pants-001.png" />
                </div>