HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML – 为什么一个重叠另一个?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的页面的 HTML
<body>
  <header></header>
  <div class="conteudo_representantes"></div>
  <div class="rodape"></div>
</body>

我有.conteudo_representantes div里面的内容正在越过.rodape(页脚)div.

这是我的页面的CSS:

.conteudo_representantes {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    min-height:586px;
    margin-top:40px;
    position: relative;
}


.rodape {
    position: relative;
    width:960px;
    height:50px;
    margin:36px auto;
    BACkground:transparent url(../img/header_pattern.png) repeat top left;
}

整个页面源可以在这个example中找到.(单击列表的第二行,其中显示:02 – SãoPaulo – Capital,以查看此问题的实际效果.)

我究竟做错了什么?

解决方法

问题是你的div conteudo_representantes没有正确地包装它的所有内容,所以就它而言,页脚处于正确的相对位置并且代表div由于某种原因溢出

编辑:

实际上,这与您管理浮动属性的方式有关.

你的div代表浮动向左,但页脚没有.你可以通过从代表div中关闭float:left来测试这个.

这是div重叠的常见原因.

在布置HTML页面时,请虑每个div元素如何堆叠到下一个. float元素最终将决定div的堆栈方式

快速正确地堆叠元素guide

大佬总结

以上是大佬教程为你收集整理的HTML – 为什么一个重叠另一个?全部内容,希望文章能够帮你解决HTML – 为什么一个重叠另一个?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。