css如何取消浮動(dòng)float

這篇文章主要介紹css如何取消浮動(dòng)float，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計(jì)師等，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計(jì)技術(shù)配合操作的協(xié)同工作。創(chuàng)新互聯(lián)公司專業(yè)提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站制作(企業(yè)站、響應(yīng)式網(wǎng)站開發(fā)、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗(yàn)的提升,我們力求做到極致!

css 勾銷浮動(dòng)float屬性

先對象對抗配置了浮動(dòng)float屬性，但過后個(gè)中一個(gè)對象不需求浮動(dòng)了，如許若何取締？

勾銷浮動(dòng)css代碼：
float:none

浮動(dòng)作廢示例說明：
實(shí)現(xiàn)對抗設(shè)置對象內(nèi)span設(shè)置float屬性，但其它一個(gè)span取消設(shè)置裝備擺設(shè)浮動(dòng)。共配置三個(gè)span，對立設(shè)置裝備擺設(shè)float:right浮動(dòng)靠右，別的零丁設(shè)置裝備擺設(shè)勾銷浮動(dòng)的class=no。

實(shí)例代碼：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>勾銷了浮動(dòng)實(shí)例 css5.com.cn</title>
<style>
.exp{ width:500px; border:1px solid #F00; height:90px}
.exp span{ float:right; height:80px; width:120px; border:1px solid #090}
.exp span.no{float:none}
</style>
</head>
<body>
<div class="exp">
<span>浮動(dòng)left</span>
<span>浮動(dòng)left</span>
<span class="no">作廢浮動(dòng)none</span>
</div>
</body>
</html>

截圖：

css如何取消浮動(dòng)float
勾銷float浮動(dòng)div css實(shí)例

作廢浮動(dòng)屬性float:none，需要取締的設(shè)置float:none即可。

以上是“css如何取消浮動(dòng)float”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：css如何取消浮動(dòng)float
文章地址：http://bm7419.com/article20/jdisjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、企業(yè)建站、網(wǎng)站設(shè)計(jì)公司、響應(yīng)式網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管