在我的标题 div 中,我需要有 2 个向右浮动的对象,一个是按钮,另一个是搜索字段。
它们都在一个名为“pull-right”的 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;
}