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

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

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

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

css float屬性怎么用？

屬性定義及使用說(shuō)明

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

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

默認(rèn)值： none

繼承： no

版本： CSS1

JavaScript 語(yǔ)法：

object.style.cssFloat="left"

屬性值

left 元素向左浮動(dòng)。

right 元素向右浮動(dòng)。

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

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

實(shí)例

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

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

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

</html>

效果：

css中float屬性的使用方法

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

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

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

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

猜你還喜歡下面的內(nèi)容