Question

所以我正在使用大多数物化和jquery来处理一个愚蠢的待办事项列表应用程序。

这是我的代码：

http://codepen.io/centraleft/pen/adWvPp

基本上用户输入文本，我的javascript接受该文本并创建一个新的列表元素，其中包含一个按钮。我希望按钮始终位于列表项的最右侧，而不管列表元素中的文本是什么，所以我将按钮浮动到右边但是我遇到了一个问题，我在底部有一个丑陋的小黑色条子我的列表！使用该应用程序，您将看到。

还有另一种方法可以完成我想要做的事情吗？或者用CSS摆脱黑色条子的方法？

以下是该按钮的当前CSS：

.orange {
  bottom: 7px;
  float: right;
  height: 35px;
  width: 35px;
  }

Answer 1

问题是你的button在列表之外流血了。将li设置为具有最大高度并溢出：隐藏。查看我的fork。

添加（CSS）：

.collection-item {
  height: 42px;
  overflow: hidden;
}