這是否被認爲是一個馬虎的做法呢？

在我的標題div中，我需要將2個對象向右移動，一個是按鈕，另一個是搜索字段。這是否被認爲是一個馬虎的做法呢？

他們都在一個叫做「拉右」的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; 
}

來源

2012-11-19 user1833310

該按鈕應該是搜索框的一部分，而不是完全不同的節點。 – Daniel

它與搜索框無關，它是一個登錄按鈕。 – user1833310

它有助於提供一些代碼示例，因此不會對您的意思產生混淆。此外，您可能希望查看http://codereview.stackexchange.com/以獲取代碼審查請求。 –

你可以很容易地在另一個容器包裝這和浮法一個向右。

HTML：

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

CSS：

#floatingContainer { float:right; }

JSFiddle example。

來源

2012-11-19 12:31:02 MarcoK

問題是，按鈕實際上是一個類風格的鏈接。這意味着我必須讓Searchfield和按鈕浮動到我的右拉格的左側。 – user1833310

這是否被認爲是一個馬虎的做法呢？

回答

相關問題