Jadual Kandungan
回复讨论(解决方案)
Rumah hujung hadapan web html tutorial 很奇怪!只要前面的div元素中带有img元素。后面的div就会重叠在前面元素上,或者自动左浮动。求解!_html/css_WEB-ITnose

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

Jun 24, 2016 pm 12:12 PM

这几天被这个问题困扰死了。我举个类似于的代码吧、
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叠到了一块,愁死了到现在都不对

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? Mar 04, 2025 pm 12:32 PM

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Mar 17, 2025 pm 12:27 PM

Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna?

Bagaimana cara menambah kesan strok kepada imej PNG di laman web? Bagaimana cara menambah kesan strok kepada imej PNG di laman web? Mar 04, 2025 pm 02:39 PM

Bagaimana cara menambah kesan strok kepada imej PNG di laman web?

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Mar 20, 2025 pm 06:05 PM

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya?

Apakah tujuan & lt; meter & gt; unsur? Apakah tujuan & lt; meter & gt; unsur? Mar 21, 2025 pm 12:35 PM

Apakah tujuan & lt; meter & gt; unsur?

Apakah tujuan & lt; DATALIST & GT; unsur? Apakah tujuan & lt; DATALIST & GT; unsur? Mar 21, 2025 pm 12:33 PM

Apakah tujuan & lt; DATALIST & GT; unsur?

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Mar 17, 2025 pm 12:20 PM

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?

Apakah tujuan & lt; kemajuan & gt; unsur? Apakah tujuan & lt; kemajuan & gt; unsur? Mar 21, 2025 pm 12:34 PM

Apakah tujuan & lt; kemajuan & gt; unsur?

See all articles