很奇怪！只要前面的div元素中带有img元素。后面的div就会重叠在前面元素上，或者自动左浮动。求解！_html/css_WEB-ITnose

这几天被这个问题困扰死了。我举个类似于的代码吧、
xhtml代码：



css代码:
#img img {display:block}
#footer {width:800px; height:40px; background:red; margin-top:30px}
为什么footer上外距无效？有时候footer还会重叠在前一个div上.为什么？每次就是前一个div中包含有img的时候、都会出现这样。难道div中的元素不听父元素的话！？？到底为什么啊？烦死我了！（这贴昨天发了一次。可少写了个符号，别人就回帖了。答得是我少写了个符号的问题。所以我只有重发一次。）

回复讨论(解决方案)

更奇怪的是，我在多个浏览器中测试了一下，margin-top都是正常的。。不知楼主用的是哪个浏览器？
另外，DTD是怎么写的？

这几行代码没问题，找找其他代码的问题。是其他样式定位的问题。

如果你的页面只包含 你举例的代码 会是你说的情况吗？
你要调试 把不相干的内容全删除了 然后在一点点加上去 看看是什么原因影响了

更奇怪的是，我在多个浏览器中测试了一下，margin-top都是正常的。。不知楼主用的是哪个浏览器？
另外，DTD是怎么写的？
文档类型:
浏览器都是IE8 火狐3.6 还有谷歌浏览器。

如果你的页面只包含 你举例的代码 会是你说的情况吗？
你要调试 把不相干的内容全删除了 然后在一点点加上去 看看是什么原因影响了
恩我试试看

我也遇到了这样的问题两个div叠到了一块，愁死了到现在都不对