html - 页脚问题(CSS 和 HTML)-6ren

html - 页脚问题(CSS 和 HTML)

转载作者：太空宇宙更新时间：2023-11-04 04:13:37

我已设法让页脚位于底部，但它与我的内容重叠。 body 的 100% 高度似乎没有帮助，我在互联网上寻找解决方案，但没有一个有效。

当我调整页面大小时，我的页脚要么停留在底部附近，要么粘在底部并与我的内容重叠。我试着让我的 body 高度为 100%，我的包装器有一些底部填充和 100% 的最小高度 - 一切都是在线的。我似乎无法为我的问题找到解决方案。

会发布代码，但是它太长了...这是我简化的 html:(注意:width class 在 CSS 中是:width: 100% 因为我不想在很多背景元素上使用它而重复自己。)

<html>

<body>

<div id="blackBarTop" class= "width">

  <div class="wrapper">

    <div class="floatRight">

      <div id="phoneNumber"> <b> PHONE:</b> </div>

      <div id="socialIcons"></div>

    </div>

  </div>

</div>
<div class="wrapper">

  <div id="masthead">

    <div id="logo"></div>

    <div id="search"></div>

    <div id="mainNav"></div>

    <div id "heroImage"></div>

    <div id="content">

      <div id="welcome" class="wrapper">

        <h1>text</h1>
        <p>text</p>


      </div>

    </div>

  </div>

</div>

<div id="pageFooter" class="width"></div>

</body>

</html>