为什么我的页脚背景色不起作用?

冰鱼

#footer {
  background-color: #B40404;
}
#footerleft {
  background-color: #B40404;
  padding: 20px;
  float: left;
  width: 30%;
  text-align: left;
}
#footerleft span {
  text-decoration: none;
  display: table;
  color: #F79F81;
}
#footerleft span a {
  text-decoration: none;
  color: #F79F81;
}
#footerleft span a:hover {
  text-decoration: none;
  color: #FF0000;
}
#footerright {
  background-color: #B40404;
  float: right;
  padding: 20px;
  width: 30%;
}
#footerright span {
  padding: 5px;
  text-decoration: none;
  display: table;
  color: #F79F81;
}
#footerright span a {
  text-decoration: none;
  color: #F79F81;
}
<div id="footer">
  <div id="footerleft">
    <span><a href="#about">About Us</a></span>
    <span><a href="#tours">Tours</a></span>
    <span><a href="#bookings">Bookings</a></span>
    <span><a href="#contact">Contact Us</a></span>
    <span><a href="#southafrica">South Africa</a></span>
    <span><a href="#kenya">Kenya</a></span>
    <span><a href="#special">Special</a></span>
    <span><a href="#feedback">Feedback</a></span>
    <span><a href="#photogallery">Photo Gallery</a></span>
    <span><a href="#help">Help</a></span>
  </div>
  <div id="footerright">
    <span>Phone: 07 1441 2882</span>
    <span>Email: <a href="[email protected]">[email protected]</a></span>
    <span>Address: Level 8, 17 Melbourne Street, West End, 4101 QLD.</span>
    <span>BUSINESS HOURS: 9AM - 4PM</span>
  </div>
</div>

有人可以在他们的计算机上尝试我的代码,并让我知道是否可行。当我在chrome或IE中运行时,背景色没有显示出来。有人可以帮助我找出问题所在,并帮助我找出错误的地方吗?

页脚背景未显示

丹尼斯·塞古雷

#footer不施加背景,因为#footer元件本身具有的高度0,因为它仅具有浮动内容。

一种解决方案是确保内容不断增长:

#footer{
    background-color:#B40404;
    overflow: auto;
}

clear: both;在Quirksmode上有关此问题的更多信息(以及其他替代解决方案,例如使用

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么我的代码不起作用?

来自分类Dev

为什么我的CSS在页脚上不起作用,而在其他所有地方都起作用?

来自分类Dev

为什么getchar()对我不起作用?

来自分类Dev

为什么我的排序不起作用?

来自分类Dev

为什么我的线程不起作用?

来自分类Dev

为什么我的ItemListener不起作用?

来自分类Dev

为什么我的OpenGL不起作用?

来自分类Dev

为什么我的if(-f)不起作用?

来自分类Dev

为什么我的for循环不起作用?

来自分类Dev

为什么我的列表不起作用?

来自分类Dev

Alpha的背景色在iOS中不起作用

来自分类Dev

CSS HTML-文本不会覆盖到页脚背景色

来自分类Dev

为什么我的CSS代码对我的HTML页眉和页脚不起作用?

来自分类Dev

为什么我的printf不起作用?

来自分类Dev

为什么我的递归不起作用?

来自分类Dev

为什么我的可绘制视图的背景色是黑色的?

来自分类Dev

UWP平铺背景色不起作用

来自分类Dev

为什么我的背景色无法在ComboBox中使用

来自分类Dev

为什么不从CSS应用我的背景色?

来自分类Dev

为什么我的背景色不显示?

来自分类Dev

为什么粘性页脚不起作用?

来自分类Dev

为什么我的背景色结束了?

来自分类Dev

为什么背景色不起作用?

来自分类Dev

交替的背景色网格行不起作用

来自分类Dev

div的背景色不起作用

来自分类Dev

为什么我的背景色无法在ComboBox中使用

来自分类Dev

Swift导航栏背景色白色不起作用

来自分类Dev

为什么不应用我的背景色(Aspose Cells)?

来自分类Dev

HTML CSS3 - 为什么页脚背景颜色不起作用?