Html 为什么可以';我不能用css制作一个有效的页脚吗?

Html 为什么可以';我不能用css制作一个有效的页脚吗?,html,css,footer,Html,Css,Footer,好的,这是我的css+html 问题是页脚。我不知道怎么做 谁能告诉我我做错了什么 此外,如果我在div中插入太多的文本,我仍然会发现文本(在div中称为child 2,即文本主体)与页脚重叠。为什么我不能防止任何内容与页脚重叠?我试过把页脚放在包装器(字段)外面,我试过了所有的方法。但是如果页脚太多,文本就会重叠。我应该再试一次吗?编辑:不,还是不行 页脚称为Child 4(即使它不是“field”的子项,即html中的主包装) 我去过几个网站,有很多细节。甚至尝试了那里提供的一些css。但一

好的,这是我的css+html

问题是页脚。我不知道怎么做

谁能告诉我我做错了什么

此外,如果我在div中插入太多的文本,我仍然会发现文本(在div中称为child 2,即文本主体)与页脚重叠。为什么我不能防止任何内容与页脚重叠?我试过把页脚放在包装器(字段)外面,我试过了所有的方法。但是如果页脚太多,文本就会重叠。我应该再试一次吗?编辑:不,还是不行

页脚称为Child 4(即使它不是“field”的子项,即html中的主包装)


我去过几个网站,有很多细节。甚至尝试了那里提供的一些css。但一旦我编辑它以适应我的计划,页脚就会停止工作。我做错了什么?

问题是您使用的是一种称为绝对的定位格式。这意味着每个div都使用您定义的坐标精确定位在屏幕上,其他div(也绝对定位)不会影响其他任何div的位置

如果您使用position:relative而不是position:absolute,那么它可能会让您走上正确的道路

阅读其中一些,它们可能会有所帮助:

我不知道你的页面是什么样子的,但从这个基本想法开始,围绕它培养你的技能:)

html将是

<body>
 <div id="Header">Put your header stuff here.</div>
 <div id="Content">Put your content here.</div>
 <div id="Footer">Put your footer stuff here.</div>
</body>

把你的标题放在这里。
把你的内容放在这里。
把你的页脚放在这里。
将孩子们放在正确的区域内,并将他们的位置设置为相对位置

玩一下这些,看看你过得怎么样。花尽可能多的时间去理解真正的定位,一旦你把它作为一个坚实的基础,你会发现设计更加容易!p>
对不起,如果我说的不够具体,我相信其他一些好男人会补充到这一点,如果他们有任何建设性的补充,会帮助你:)

你能发布一张你的布局愿望的图片吗?很难理解你想要做什么…我打赌(不详细看问题)这是一个问题,使用
溢出:隐藏
。没问题,很高兴它有帮助:)如果你愿意的话,你能将这个答案标记为接受吗。它可能会帮助其他同舟共济的人找到答案(并给我一点因果报应。)欢迎来到Stack Overflow!:)非常感谢@Mulliman。我希望我知道如何给予业力,并给这个问题贴上答案的标签。但我很难找到让我这么做的链接。
<body>
 <div id="Header">Put your header stuff here.</div>
 <div id="Content">Put your content here.</div>
 <div id="Footer">Put your footer stuff here.</div>
</body>