css - float float float float ？

Question

我知道问题的标题听起来很奇怪，但我不知道该怎么调用它。

首先，我有一个网格布局，我希望我的 .search-wrapper 宽度为 50% 并向右浮动。在我的演示中 jsfiddle整个 .search-wrapper 有一个绿色的背景颜色。这个元素保持原样很重要，因为它应该适合我的网格。

在这个 .search-wrapper 中，我有一个搜索框和一个并排 float 的按钮。这正是我想要的。所以 #search-button 应该向左浮动，而 input 应该向右对齐。

然而，我无法实现的是如何将 #search-button 和 ´input 都 float 到外部容器的右侧。search-包装器`。

目前的状态……

我希望它成为的样子......

这是我的问题的演示:http://jsfiddle.net/mQSBR/2/对此有什么想法吗？非常感激你的帮助。谢谢!

Answer 1

看看这个，如果这是你想要的效果:http://jsfiddle.net/mQSBR/9/ [编辑]

div.search { width: 180px; float: right; } /* fix to 180px wide, float to right */

同时补充:

.search-wrapper {
    min-width: 180px;
}

因此包装器在调整大小时不会越过 .search div。