css中float屬性的使用方法-創(chuàng)新互聯(lián)

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

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

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

css float屬性怎么用？

屬性定義及使用說明

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

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

默認值： none

繼承： no

版本： CSS1

JavaScript 語法：

object.style.cssFloat="left"

屬性值

left 元素向左浮動。

right 元素向右浮動。

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

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

實例

讓圖像向右側浮動：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
img 
{
	float:right;
}
</style>
</head>

<body>
<p>在下面的段落中，我們添加了一個 <b>float:right</b> 的圖片。導致圖片將會浮動在段落的右邊。</p>
<p>
<img src="logocss.gif" width="95" height="84" />
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
</p>
</body>

</html>

效果：

css中float屬性的使用方法

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

文章題目：css中float屬性的使用方法-創(chuàng)新互聯(lián)
本文路徑：http://bm7419.com/article48/hcjep.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、品牌網站建設、靜態(tài)網站、建站公司、小程序開發(fā)、品牌網站設計

廣告

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

微信小程序開發(fā)