CSS Span元素的边框不是全高

Question

我正在尝试为我的星级评分栏创建一个分隔线。我无法让分隔符左边的边缘达到全高。我错过了什么吗？

JSBIN：http://jsbin.com/fusor/1/edit

Answer 1

我错过了我的.answer容器中的height属性。改变它以匹配.rating-star解决了我的问题。

Answer 2

您需要提供.rating{display:block}

请参阅此示例labs.codeteam.in/lab/!C36Si!pX7i9Lp5cFplpjCSiaBWBcXNv

Answer 3

尝试为.answer类添加一个高度，这应该可以解决问题。

.answer {
  width: 135px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 5px rgb(200, 200, 200);
  background: rgb(229, 229, 229);
  margin-left: auto;
  margin-right: auto;
  height: 24px;
}