html - Div 没有按预期响应

Question

我有 3 个 div，中间的 div 没有按预期运行，

我有 HEADER div ---> sub-content div ---> services-section

子内容 div 没有按预期响应，图片在这里:http://prntscr.com/p2roxk

其他 div 正在 100% 工作

.sub-content {
  background: #FF4E00;
  height: 200px;
  text-align: center;
  margin-top: 280px;
  position: relative;
  font-family: 'Open sans', sans-serif;
}

.sub-content h2 {
  color: white;
  font-size: 30px;
  padding-top: 30px;
  text-transform: uppercase;
}

.sub-content p {
  color: white;
  padding-top: 30px;
}

<!--Sub Content-->
<div class="sub-content">
  <h2>Professional website development</h2>
  <p>**** is a professional website & graphics development company based in South Africa, we can offer modern creative and responsive designs to best suit your needs.</p>
</div>

Answer 1

请注意，您将高度用作固定值。您可以使用 min-height 代替高度来更改它。示例:

.sub-content {
  background: #FF4E00;
  min-height: 200px;
  text-align: center;
  margin-top: 280px;
  position: relative;
  font-family: 'Open sans', sans-serif;
}