很奇怪！只要前面的div元素中带有img元素。后面的div就会重叠在前面元素上，或者自动左浮动。求解！！！
这几天被这个问题困扰死了。我举个类似于的代码吧、
xhtml代码：
<div id="img">
<img src="img.gif" alt="真气人" title="真气人" />
</div>

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

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