我在我的網站的主要部分有一個div，我想覆蓋一些標題，并隱藏標題的底部。 在下面的例子中，我希望藍色方塊高20px并隱藏頁眉的底部。 我將感激任何幫助。

<div class="header" style="height: 200px;width: 100%;background: yellow;"></div>
 <div class="main" style="height: 800px;background: orange">
  <div class="text" style="height: 100px;width: 50px;background: blue;"></div>
 </div>

謝謝你

試試這個

.main { margin-top: -20px; }

使用position屬性和大約-50px的邊距。文本

jsBin演示

<div class="header"></div>
<div class="main">
    <div class="text"></div>
</div>

.header{
  position:relative;
  height: 200px;
  width:100%;
  background: yellow;
}

.main{
  position:relative;
  height: 800px;
  background: orange;
}

.text{
  position:absolute;
  height: 100px;
  width: 50px;
  background: blue;
  margin-top:-50px;
}