时间戳

首页 > 解决方案 > 如何让页脚宽度达到全屏

html - 如何让页脚宽度达到全屏

问题描述

我正在为俱乐部制作网站，需要帮助修复页脚。

footer {
  width: 100%;
  background: #222;
  margin: 0 auto;
}

.footer-section {
  float: left;
  width: 33%;
  background: #222;
  color: white;
}
<footer>
  <div class="footer-section">Contact us at : 1015 7th street NW <br>
  </div>
  <div class="footer-section">Hey how you doing</div>
  <div class="footer-section">This weezy F baby</div>
</footer>

我希望我的页脚达到整个浏览器屏幕，但右侧的一小部分被遗漏并显示我的背景。我觉得这是因为当显示 1% 的三列时，在宽度上使用 33%。有没有办法解决这个问题并保持响应

标签： htmlcsswebresponsive-design

解决方案

尝试 宽度：calc(100% / 3);

而不是 宽度：33%；

推荐阅读