Html 标题上方的Div poping

根据SO标准，我将努力确保这个问题不“不清楚”

问题：

我正在建立一个响应性强的网站，当窗口变小时，第一部分会弹出并覆盖标题

问题摘要：

调整大小时，第一部分覆盖页眉

问题：明确说明

我想知道发生这种情况的原因以及我如何解决它

CodePen示例复制问题：

-包含代码-

HTML:

高性能地板|家居
切换导航






极限地板和表面
佛罗里达州杰克逊维尔的高性能地板是一家本地拥有和家族经营的企业，专门从事住宅和商业混凝土以及表面涂层解决方案

我们是一个由高度激励的个人组成的小组，他们的目标是为我们的客户提供最好的服务、产品和市场整体体验。让我们的一名代表协助您铺设混凝土地板和表面
要求请致电（904）386-2089与我们联系，或填写我们的在线报价申请表以获得快速电子邮件回复

极端混凝土
酸性染色：
Kemiko Stone Tone Stain将普通混凝土板改造成类似大理石或琉璃石的豪华地板，成本很低

CSS:

我刚开始使用Sass，我不确定css的具体部分是什么，因为它既长又复杂。我认为把所有的css放在这里会让人困惑而不是有用

希望全能的、无所不知的SO mods们能以他们神圣的慈悲宽恕我不可饶恕的罪。毕竟，我只是一个凡人，我的假设可能是错误的

---

尽管我犯了错误，但我希望有人能慷慨地帮助我解决这个问题。

从css/Sass的

主标题中删除：“
float:left；
”，它将解决您的问题
 标题中的元素都是浮动的，导致标题折叠且没有高度。一个简单的解决方法是添加
clearfix
类

<section id="wrapper" class="clearfix">



看起来您正在使用引导，因此您需要为标题内容提供空间

添加如下内容：

.padding {
padding-top: 50px;

用它来计算你的头球的大小是好的

否则，您的错误就不是很清楚了。指定导致问题的Div或深入了解错误
 感谢您的快速回复！我很感激在mods找出关闭问题的原因之前得到答案。我确信他们正在努力找出我的问题不适合网站或“不清楚”的原因
.padding {
padding-top: 50px;