Question

.header {
  height: 115px;
  width: 100%;
  background-color: #33CC66;
  text-align: center;
  margin:0cm;
  padding:0cm;
}
.headertext {
  font-size: 250%;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
}
.outerdiv{
  padding:0cm;
  margin:0cm;
}

HTML

 <div className="outerdiv">
    <div className="header">
      <p className="headertext">
        Add New Habit
        <span className="glyphicon glyphicon-plus"></span>
      </p>
    </div>
    <div className="pics">
      {this.renderHabits().map((habitObject)=>{
        return <img src={habitObject.imageLink} height="460" width="490"/>
     })}
   </div>
 </div>

所以我尝试使用填充和边距甚至使它们为负，但标题仍然在它和顶部之间留有空间。想法？

Answer 1

也许是因为<p>，但不太确定，如果你可以在这里发布工作代码，我们就会更好理解。

<p>标记的默认边距是原因。

Answer 2

尝试将身体边距/填充重置为零

标题不与网页顶部齐平。

2 个答案: