html - 向右浮动时按钮/Div 出现在框外

Question

我创建了一个框，我试图将按钮 float 在框的右侧。当我这样做时，按钮出现在框下方的一半。我该如何解决这个问题？

这是 LINK

这是我的 CSS 的样子

.rightColumn {
    margin-bottom: 1em;
    border: 1px solid #D4D4D4;
    width:500px;
    border-radius: 10px 10px 0px 0px;
}
.button{float:right;}

应该是这样的

Title
Summary
            |Find out more|

Answer 1

删除摘要后的“br”标签。但请记住，如果摘要内容较大，按钮将向下 float ，以避免摘要内容的固定宽度。
如果您想要新行中的按钮，请根据您的要求设置您的框高度。目前盒子高度是默认的。