最佳答案
问题是 <section id="hero"> 中的元素是绝对定位的，这使它们脱离了正常的文档流，其他元素将忽略它们在页面上的定位(即假装它们不存在)。这就是为什么 <section id="content-one">在 “主标题” 之上，即 <section id="hero">内容。具有绝对定位的元素是 .hero-wrapper和 .hero-container .
我不确定最终布局应该是什么或对它的要求，因此除了指出问题的根源外很难推荐。您可能只使用填充和边距来获得 <section id="hero">您想要的高度/尺寸。
关于html - 与 Bootstrap 3 重叠的部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35634595/