Html CSS我的元素没有正确浮动

因此，出于某种原因，在Dreamweaver中它看起来很好

但在我的网站上，它们在任何浏览器中都无法正常浮动，我尝试了FireFox、Chrome和IE8：

如果您愿意，请链接到我的网站：

HTML:

---

您只需添加

float:left到
#imagecontainer
样式。它不在在线版本中。
您只需添加
float:left到
#imagecontainer
样式。它不在在线版本中。
您只需添加
float:left到
#imagecontainer
样式。它不在在线版本中。
您只需添加
float:left到
#imagecontainer
样式。它不在在线版本中。
对于每个图像
float:left

这将浮动包含每个图像的每个容器。用这个做你现在所拥有的

#imagecontainer
{
    float:left;
}

也可以对内联样式执行相同的操作。但是CSS更干净

另外，不要使用具有相同ID的多个元素。请使用类。另外，是否有理由为每个图像使用容器？您可以有一个包含多个图像的容器，并使用

.container img
{
    float:left;
}

另外，请记住，
img{float:left；}
将浮动页面上的所有图像。
对于每个图像
float:left

这将浮动包含每个图像的每个容器。用这个做你现在所拥有的

#imagecontainer
{
    float:left;
}

也可以对内联样式执行相同的操作。但是CSS更干净

另外，不要使用具有相同ID的多个元素。请使用类。另外，是否有理由为每个图像使用容器？您可以有一个包含多个图像的容器，并使用

.container img
{
    float:left;
}

另外，请记住，
img{float:left；}
将浮动页面上的所有图像。
对于每个图像
float:left

这将浮动包含每个图像的每个容器。用这个做你现在所拥有的

#imagecontainer
{
    float:left;
}

也可以对内联样式执行相同的操作。但是CSS更干净

另外，不要使用具有相同ID的多个元素。请使用类。另外，是否有理由为每个图像使用容器？您可以有一个包含多个图像的容器，并使用

.container img
{
    float:left;
}

另外，请记住，
img{float:left；}
将浮动页面上的所有图像。
对于每个图像
float:left

这将浮动包含每个图像的每个容器。用这个做你现在所拥有的

#imagecontainer
{
    float:left;
}

也可以对内联样式执行相同的操作。但是CSS更干净

另外，不要使用具有相同ID的多个元素。请使用类。另外，是否有理由为每个图像使用容器？您可以有一个包含多个图像的容器，并使用

.container img
{
    float:left;
}

另外，请记住，
img{float:left；}
将浮动页面上的所有图像。
更改此设置：

#imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}

.imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}  

至：

#imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}

.imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}  

并替换每个
更改此：

#imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}

.imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}  

至：

#imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}

.imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}  

并替换每个
更改此：

#imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}

.imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}  

至：

#imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}

.imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}  

并替换每个
更改此：

#imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}

.imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}  

至：

#imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}

.imagecontainer{width: 320px; height: 213px; background-color:#FFF; margin:3px 3px 3px 3px; float:left;}  

并替换每个
尝试

试一试

试一试

试一试

还有这个

img {
  border: medium none;
  height: auto;
   width: 100%;
}

检查一下，完美如你所愿。响应性也很强；）

还有这个

img {
  border: medium none;
  height: auto;
   width: 100%;
}

检查一下，完美如你所愿。响应性也很强；）

还有这个

img {
  border: medium none;
  height: auto;
   width: 100%;
}

检查一下，完美如你所愿。响应性也很强；）

还有这个

img {
  border: medium none;
  height: auto;
   width: 100%;
}

检查一下，完美如你所愿。响应性也很强；）
 所以你想让它们彼此浮动？你不应该在多个元素中使用相同的ID。使用一个类。所以你想让它们彼此浮动？你不应该在多个元素中使用相同的ID。使用一个类。所以你想让它们彼此浮动？你不应该在多个元素中使用相同的ID。使用一个类。所以你想让它们彼此浮动？你不应该在多个元素中使用相同的ID。改用一个类。我真的只是重新上传了它，为什么它没有用它更新标签…好的，删除了web服务器上的版本，然后再次上传，它现在工作了XD我觉得很愚蠢…只是飘走了？为什么不是31%的宽度并使其响应？我真的只是重新上传了它，为什么它在地球上没有用它更新标签…好的，删除了web服务器上的版本并再次上传，它现在工作XD我觉得很愚蠢…只是浮动左？为什么不是31%的宽度并使其响应？我真的只是重新上传了它，为什么它在地球上没有用它更新标签…好的，删除了web服务器上的版本并再次上传，它现在工作XD我觉得很愚蠢…只是浮动左？为什么不是31%的宽度并使其响应？我真的只是重新上传了它，为什么它在地球上没有用它更新标签…好的，删除了web服务器上的版本并再次上传，它现在工作XD我觉得很愚蠢…只是浮动左？为什么不增加31%的宽度，让它更灵敏？