Css 浮动浮动内部浮动？

我知道这个问题的标题听起来很奇怪，但我不知道该怎么称呼它

首先，我有一个网格布局，我希望我的

.search wrapper

的宽度为50%，并向右浮动。在我的演示中，整个

.search包装器的背景颜色为绿色。这个元素保持原样很重要，因为它应该适合我的网格

在这个
.search包装中
我有一个搜索框和一个按钮，两个按钮并排浮动。这正是我想要的。因此，
#搜索按钮
应该向左浮动，
输入
应该与之对齐

然而，我无法实现的是如何将
#search按钮
和“input
浮动到外部容器的右侧
.search包装器”

当前状态


就像我希望的那样


下面是我的问题的演示：
有什么想法吗？非常感谢你的帮助。谢谢大家!
 你可以这样做

.search {
  float: right;
  width: 80%;
}

你可以这样做

.search {
  float: right;
  width: 80%;
}

您可以这样做：

<fieldset style="margin-left: 20%">
  <div class="input-inside-label">

您可以执行以下操作：

<fieldset style="margin-left: 20%">
  <div class="input-inside-label">

如果这是您想要的效果，请参见此：[编辑]

还添加：

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

因此，在调整大小时，包装器不会超过.search div。
如果这是您想要的效果，请参见：[编辑]

还添加：

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

因此，在调整大小时，包装器不会超过.search div。
以下是更新后的JSFIDLE中的解决方案

<div class="wrapper search-wrapper">
  <div class="search">
    <form action="/" method="get">
      <fieldset>
         <input type="text" name="s" id="search-box" value="" class="" placeholder="Search this platform …">
            <button type="submit" id="search-button">Search</button>
      </fieldset>
    </form>
 </div>

}

}

}

​






另外，我的建议是使用元素的占位符属性，而不是溢出标签

<div class="wrapper search-wrapper">
  <div class="search">
    <form action="/" method="get">
      <fieldset>
         <input type="text" name="s" id="search-box" value="" class="" placeholder="Search this platform …">
            <button type="submit" id="search-button">Search</button>
      </fieldset>
    </form>
 </div>

}

}

}

​






另外，我的建议是使用元素的占位符属性，而不是溢出标签
您可以在最内部的
字段集
上执行
左边距：50px
，将其推到右边。你不需要像那样到处漂泊。它会变得一团糟。你可以在最里面的
字段集
上做一个
左边距：50px
，把它推到右边。你不需要像那样到处漂泊。它会变成一团乱麻的。@Daedalus说得对，就是把它移过了分区a
wordspace:no wrap可以修复此行为。这在FF13中显示在最右边距处。编辑：最后一次编辑在一定程度上减轻了该影响；现在红场就在绿色的中途。真的吗？我能看到10px的空间，我想没关系。@JaredFarrish我不知道，我们看到了不同的屏幕效果。这正是我需要的！多谢各位@代达罗斯是对的（把它移过了分区A
字空间：不换行可以修复此行为。这在FF13中显示在最右边距处。编辑：最后一次编辑在一定程度上减轻了该影响；现在红场就在绿色的中途。真的吗？我能看到10px的空间，我想没关系。@JaredFarrish我不知道，我们看到了不同的屏幕效果。这正是我需要的！非常感谢你！
#search-button {
border: none;
background-color: transparent;
color: transparent;
float: right;
background-color:red;
background-position: center -36px;
background-repeat: no-repeat;