Maison >interface Web >tutoriel HTML >很奇怪!只要前面的div元素中带有img元素。后面的div就会重叠在前面元素上,或者自动左浮动。求解!_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 12:12:171597parcourir

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


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



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是怎么写的?
文档类型:nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
浏览器都是IE8 火狐3.6 还有谷歌浏览器。

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

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn