如何實現(xiàn)DIV設(shè)置float以后使下一個DIV另起一行

本篇內(nèi)容主要講解“如何實現(xiàn)DIV設(shè)置float以后使下一個DIV另起一行”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何實現(xiàn)DIV設(shè)置float以后使下一個DIV另起一行”吧!

代碼如下:

<div runat="server" class="export">請不要直接打開此頁面</div>
<button class="Btn" onclick="javascript: location.href = 'Default2.aspx'">返回</button>

這是在CSS中的.export下加入float:left以后會使隨后跟上的BUTTON標(biāo)簽跟在DIV后面，這是就須在兩者之間加入一個CLASS為clear（可以自己起名字）的DIV，如下圖所示： 

代碼如下:

<div runat="server" class="export">請不要直接打開此頁面</div>
<div class="clear" ></div>
<button class="Btn" onclick="javascript: location.href = 'Default2.aspx'">返回</button>

當(dāng)然，還需要在CSS中加入.clear{ clear:both} ，這樣隨后跟上的BUTTON標(biāo)簽就會到下一行了

到此，相信大家對“如何實現(xiàn)DIV設(shè)置float以后使下一個DIV另起一行”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！