html - Border 和 Baseline 没有对齐

Question

我只是从 HTML 和 CSS 开始

我想使用 Border-left 画一条线，但显示线比我画的 div 框短(如图所示)the line is not touch with baseline

body{
  margin: 0;
}

#topbar{
  background-color:Black;
  width:100%;
  height:40px;
}
.indsidbar{
  width: 985px;
  margin: 0 auto;
}
#logodiv{
  padding-top: 8px;
  border-right: 1px solid #E7E8E1;
  float: left;
  padding-right: 10px;
}

Answer 1

请使用 #logodiv 的高度属性。以下是更新后的代码。

body{
  margin: 0;
}

#topbar{
  background-color:Black;
  width:100%;
  height:40px;
}
.indsidbar{
  width: 985px;
  margin: 0 auto;
}
#logodiv{
  height:40px;
  border-right: 1px solid #E7E8E1;
  float: left;
  padding-right: 10px;
}