Html 向右浮动时出现在框外的按钮/Div

我已经创建了一个框，我正在尝试浮动框右侧的按钮。当我这样做时，按钮显示在框的一半下方。我怎样才能解决这个问题

这是我的建议

这就是我的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|

添加绝对位置

.button{float:right;position:absolute;} 

并将“按钮”标签置于“img”标签之后

---

请参见演示：

使用

更改

。浮动对象喜欢有东西在后面。

我不知道这个问题，但我知道如何解决它。当你在一些非浮动元素中浮动某些东西时，事情会出错。你必须浮动父元素或向其添加clearfix css。这是我的建议 下面是clearfix类css：

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

删除摘要后的“br”标记。但请记住，若摘要内容较大，则按钮将向下浮动，以避免此摘要内容的固定宽度

---

若您想在新行中添加按钮，请根据需要设置框的高度。当前默认框高度。

删除

标记上方的

标记。-但我希望按钮在下一行。这可能吗？试试这个演示-但是利润已经没有了。我只是想让它出现在下一行。我想，它在我上面更新的小提琴的下一行，试试这个演示[编辑]-绝对位置是任何人都不想在css中处理的事情，如果你发现自己使用这个，相信我，你在用错误的方式做一些简单的事情。但我认为他是新手。我知道更好的css方法：））谢谢。

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}