Question

在我的标题div中，我需要有两个浮动到右边的对象，一个是按钮，另一个是搜索字段。

它们都在一个名为“拉右”的div中，只是让它们向右浮动。

对象按这些顺序（从左到右）

搜索框按钮

然而，由于它们两者显然都是向右浮动的，因此代码中的第一个元素将会赢得并在右侧占据一席之地。

所以我把按钮放在搜索框之前，即使搜索框实际上是第一个。但它仍然有效。

它被认为是一种草率的方式吗？

这是HTML：

<div id="navbar">
  <div id="navbar-inner" class="clearfix">
    <div class="pull-right">
      <a href="#" class="btn lightgrey">Sign in</a>
   </div>

   <div class="pull-right">
     <form><input type="search" id="search" placeholder="Search"></form>
   </div>
  </div>
  </div>

和CSS：

.pull-right { 
    float: right; 
}

Answer 1

您可以轻松地将其包装在另一个容器中，然后将其浮动到右侧。

HTML：

<div id="floatingContainer">
    <input type="text" value="Input" />
    <input type="submit" value="submit" />
</div>

CSS：

#floatingContainer { float:right; }

JSFiddle example

这被认为是一种草率的方式吗？

1 个答案: