css的浮動屬性是什么？其值有哪三個？

在css中，浮動屬性是“float”，用于定義元素在哪個方向浮動，其三個屬性值為：1、“left”，定義元素向左浮動；2、“right”，定義元素向右浮動；3、“none”，定義元素不浮動。
江川網站制作公司哪家好，找創新互聯！從網頁設計、網站建設、微信開發、APP開發、成都響應式網站建設公司等網站項目制作，到程序開發，運營維護。創新互聯從2013年成立到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創新互聯。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

在css中，浮動屬性是“float”，用于定義元素在哪個方向浮動。

以往這個屬性總應用于圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。

如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡可能地窄。

注釋：假如在一行之上只有極少的空間可供浮動元素，那么這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。

float浮動屬性的三個屬性值：

left 元素向左浮動。

right 元素向右浮動。

none 默認值。元素不浮動，并會顯示在其在文本中出現的位置。

示例：

<!DOCTYPE html><html><head><meta charset="utf-8"><style>li{background-color: pink;}.ex1 li {float: left;margin: 10px;}.ex2 li{float: right;margin: 10px;}.ex3 li{float: none;margin: 10px;}div{clear: both;}</style></head><body><ul class="ex1"><li>項目1</li><li>項目2</li></ul><div></div><ul class="ex2"><li>項目1</li><li>項目2</li></ul><div></div><ul class="ex3"><li>項目1</li><li>項目2</li></ul><div></div></body></html>

（學習視頻分享：css視頻教程）

網站標題：css的浮動屬性是什么？其值有哪三個？
標題URL：http://vcdvsql.cn/article22/chohjc.html

成都網站建設公司_創新互聯，為您提供品牌網站設計、網站維護、微信公眾號、關鍵詞優化、網站設計、網站制作

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

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

css的浮動屬性是什么？其值有哪三個？