排列div元素中的正確內容

我已搜索周圍，但無法找到適用於此的工作解決方案。如何在div元素內水平對齊右側的任何內容，而不僅僅是文本。例如：排列div元素中的正確內容

<div> 
    <input type='submit' value='Submit' /> 
</div>

如果我添加一個max-width div元素，那麼它的使用像margin: 0 0 0 auto沒有問題，但是這並不with: 100%工作，這正是我所需要的。我已經離開了這個網頁遊戲一段時間了，並且我對CSS自HTML5以來已經變得更加友好一些有了期待，但它仍然很痛苦，雖然它帶來了一些改進的功能。

我不需要任何向後兼容的解決方案，除非這是唯一的原因。如果瀏覽器沒有適當的HTML5/CSS3支持，那麼就不好。

編輯：

好吧，如果我做div > input { margin: 0 0 0 auto }它的工作原理，但我猜測，這將提供問題，如果我在這個div一個以上的元素，所以不是最好的選擇。

來源

2016-02-12 Daniel B

你只需要一個float：右邊的輸入。這是彩車上一個偉大的文章，我經常回去：https://css-tricks.com/all-about-floats/

.rightAlign { 
    float:right; 
}

jsfiddle

來源

2016-02-12 18:57:34 thul

好吧，還是如果我不是一個單一的輸入裏面有更多的內容，將責令不同？ –

好吧，有些作品，但內容突破了分區，並放在它下面。如果你添加一個邊框到div你可以看到。它也不符合

元素的背景顏色，因爲它也突破了該元素。 –

沒關係你的偉大的文章有答案。無法獲得任何clearFix工作，但設置div的溢出自動正常工作。沒有花哨：在clearfix之後。謝謝，我會徹底閱讀這篇文章。 –

排列div元素中的正確內容

回答

相關問題