时间戳

首页 > 解决方案 > HTML 页脚问题，div 背景没有完全占据

html - HTML 页脚问题，div 背景没有完全占据

问题描述

在此处查看我的当前问题（附图片）

在此处输入图像描述

页脚背景颜色未完全占据。

HTML 代码是：-

<div class="footer">
        <p class="footer-txt-left">&copy 2017 - 2018 ccc Group Inc. All Rights Reserved.</p>
        <p class="footer-txt-right">Terms | Privacy | Service</p>
    </div>

CSS：-

.footer{
            padding: 10px;
            font-size: 14px;
            background-color: #0071ba;
        }

我希望两个跨度都应该在页脚 div 内（用蓝色 BG 填充）

以下是我的预期输出 在此处输入图像描述

完整的 CSS：-

在下面附上我的完整 CSS

在此处输入图像描述

完整的 CSS 片段

  .footer {
    padding: 8px 20px;
    font-size: 14px;
    background-color: #0071ba;
    color: #ffffff;
    overflow: auto;
  }

  .footer-txt-right {
    float: right;
  }

  .footer-txt-left {
    float: left;
  }
<div class="footer">
  <p class="footer-txt-left">&copy 2017 - 2018 ccc Group Inc. All Rights Reserved.</p>
  <p class="footer-txt-right">Terms | Privacy | Service</p>
</div>

标签： htmlcsswebfooter

解决方案

推荐阅读