css中float屬性的使用方法

小編給大家分享一下css中float屬性的使用方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目網(wǎng)站建設(shè)、網(wǎng)站設(shè)計網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元東山做網(wǎng)站,已為上家服務(wù),為東山各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792

css float屬性用于指定一個盒子（元素）是否應(yīng)該浮動，絕對定位的元素忽略float屬性！

css float屬性怎么用？

屬性定義及使用說明

float屬性指定一個盒子（元素）是否應(yīng)該浮動。

注意：絕對定位的元素忽略float屬性！

默認值： none

繼承： no

版本： CSS1

JavaScript 語法：

object.style.cssFloat="left"

屬性值

left 元素向左浮動。

right 元素向右浮動。

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

inherit 規(guī)定應(yīng)該從父元素繼承 float 屬性的值。

實例

讓圖像向右側(cè)浮動：

 





在下面的段落中，我們添加了一個 float:right 的圖片。導致圖片將會浮動在段落的右邊。


這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。

效果：

看完了這篇文章，相信你對css中float屬性的使用方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

新聞名稱：css中float屬性的使用方法
URL鏈接：http://www.jiaotiyi.com/article/gjcjec.html