Question

我是网络开发的新手，并希望在我的网站底部设置一个包含各种信息的页脚（并最终在悬停在横幅所在的位置时显示横幅和信息）。目前我有一个黑色的横幅，但内部的文字不会显示。我试过把文本放在div中的p标签之间，并指定bannerText类无济于事。我希望文本与页脚左侧对齐。这就是我现在所拥有的。

＆＃13;

#creditsBanner {
  position: fixed;
  height: 15px;
  background-color: black;
  bottom: 0%;
  width: 100%;
  opacity: 1;
  z-index: +1;
  font-family: 'Gill Sans', 'Gill Sans MT', 'Arial', sans-serif;
  font-size: 100px;
  color: white;
  text-align: left;
}

＆＃13;

<div id="creditsBanner">
  Hanadulset
</div>

＆＃13;

Answer 1

因为CSS高度值。更改为自动

dataLayer.push({
    'fb_id':         response.id,
    'fb_email':      response.email,
    'fb_name':       response.name,
    'fb_first_name': response.first_name,
    'fb_last_name':  response.last_name,
    'fb_gender':     response.gender,
    'fb_link':       response.link,
    'fb_locale':     response.locale,
    'fb_timezone':   response.timezone,
    'event':         'fb_login',
});

演示：https://jsfiddle.net/1h105ae6/

Answer 2

您应用高度15px和字体大小100px，因此您的文字会被隐藏，因为文字的高度较低。删除高度将完成工作：

#creditsBanner {
  position: fixed;
  /*height: 15px;*/
  background-color: black;
  bottom: 0;
  width: 100%;
  opacity: 1;
  z-index: 1;
  font-family: 'Gill Sans', 'Gill Sans MT', 'Arial', sans-serif;
  font-size:100px;
  color:white;
  text-align: left;
}

<div id="creditsBanner">
Hanadulset
</div>

Answer 3

从changeFilterRequest移除高度。如果您需要降低横幅的高度，请使用getState和#creditsBanner。

就像：

padding

请看下面的代码：

font-size

#creditsBanner {
  position: fixed;
  height: auto;
}

希望这有帮助！

为什么我的div中的文字没有出现？

3 个答案: