我有以下代碼(可用於測試運行here):我可以浮動div並仍然保持它的佈局?
<div style="margin:10px">
<div class="alert-message block-message warning">
<h3>Hello World</h3>
<p>You're about to take an action which cannot be undone.</p>
<form method="post" action style="float:right">
<button class="btn danger" type="submit">For Reals!</button>
<a href="#" class="btn">Nah.</a>
</form>
</div>
</div>
上述點是有具有表單控件浮在警報的右下角中背景框。
不幸的是,正如你在例子中看到的那樣,表單項顯然不包含在佈局中,因爲背景沒有擴展到覆蓋它們。有沒有解決的辦法?
您可以查看編輯頁面在這裏:http://jsdo.it/rfkrocktk/h5IL
參見:http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best當你漂浮的元素,它改變了包含元素的尺寸(在許多情況下)。 –
我認爲處理這個問題的一個常用方法是添加一個隱藏的div區域,它清除所有浮點數... – jswolf19