Html 页脚文本和社交媒体图标未显示

我正在练习制作一个多栏网站，几乎完成了，但我有一个问题——页面底部的页脚文本和社交媒体图标没有显示出来。我试着在没有链接css文件的情况下查看，社交媒体图标显示为一个损坏的图像（我几乎正确地引用了它）

这是需要显示的内容：

但是，最后一列中只显示“Relaxr”。有人知道问题出在哪里吗？谢谢。

您错过了“ 你应具备以下条件：

<div id="thirdColumn">
    <src="../images/testimonial_bg.jpg">

#第五列

具有

位置：绝对

。这很可能会导致它重叠/隐藏它下面的

#页脚

（绝对位置的元素在文档流中不占任何空间，它们重叠存在的任何内容…）。将

位置设置为
相对
以检查此…
我单击了链接，但它不起作用。只是更新了链接！在关闭
之前有一个额外的
。删除它，所有操作都应正常。嗯，这是唯一的问题吗？尝试删除额外的并刷新页面，但仍然没有出现…奇怪我之所以没有提到这个问题，是因为这张图片的左侧有一个破损的图像图标，去掉它就解决了这个问题。
/******************************************
/* SETUP
/*******************************************/

/* Box Model Hack */
* {
     -moz-box-sizing: border-box; /* Firexfox */
     -webkit-box-sizing: border-box; /* Safari/Chrome/iOS/Android */
     box-sizing: border-box; /* IE */
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clear {
  clear: both;
}

.alignright {
  float: right;
  padding: 0 0 10px 10px; /* note the padding around a right floated image */
}

.alignleft {
  float: left;
  padding: 0 10px 10px 0; /* note the padding around a left floated image */
}

/******************************************
/* BASE STYLES
/*******************************************/

body {
     color: #000;
     font-size: 12px;
     line-height: 1.4;
     font-family: Open Sans;
     background: url(../images/header_bg.jpg) no-repeat center center;
     background-size: cover;
}


/******************************************
/* LAYOUT
/*******************************************/

/*MAIN COLUMN*/

#mainColumn {
  width: 100%;
  height: 450px;
  text-align: center;
}

#mainColumn h1 {
  color: white;
  padding-right: 80%
}

#mainColumn h2 {
  color: white;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 50px;
  text-align: center;
}

header {
  height: 40%;
}

/*GET IT NOW BUTTON*/
#getButton {
  background-color: yellow;
  border-radius: 3px;
  border-style: none;
  font-family: 'Roboto'; sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 30px;
  width: 135px;
}

/*SECOND COLUMN*/

#secondColumn {
  width: 100%;
  margin: auto;
  height: 360px;
  background-color: white;
}

#secondColumn h1 {
  padding-left: 65px;
  padding-top: 60px;
  color: navy;
  font-family: Open Sans;
  font-size: 24px;
  font-weight: 700;
}

#secondColumn p {
  font-size: 13px;
  padding-left: 70px;
  font-family: Open Sans;
  color: navy;
}

.benefitss {
  margin-left: 80px;
  padding-top: 10px;
  font-size: 13px;
}

.benefitss li{
  padding-top: 3px;
  font-family: Open Sans;
  color: navy;
} 

/*THIRD COLUMN*/
#thirdColumn {
  width: 100%;
  height: 250px;
}

#thirdColumn .herWords {
  color: #ffffff;
  font-style: italic;
  font-size: 16px;
  margin-top: 45px;
  text-align: center;
}

#thirdColumn .name {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}

/*FOURTH COLUMN*/
#fourthColumn {
  background-color: yellow;
  width: 100%;
  height: 75px;
}

/*SIGN UP BUTTON*/
#signupButton {
  background-color: #000040;
  color: white;
  border-radius: 3px;
  border-style: none;
  font-family: 'Roboto'; sans-serif;
  font-size: 12px;
  font-weight: 800;
  height: 30px;
  width: 150px;
  margin-left: 43.5%;
  margin-top: 25px;
}

#fifthColumn {
  background-color: #000000;
  width: 100%;
  height: 240px;
  position: absolute;
}

#fifthColumn p {
  color: yellow;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
}

/*FOOTER TEXT*/

#footer p {
  font-size: 9px;
  color: #ffffff;
  text-align: center;
  padding-top: 11%;
}

<div id="thirdColumn">
    <src="../images/testimonial_bg.jpg">

<div id="thirdColumn">
    <img src="../images/testimonial_bg.jpg" />