内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

CSS同級元素浮動-創(chuàng)新互聯(lián)

CSS 同級元素浮動?相信很多沒有經(jīng)驗(yàn)的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。

伊州網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),伊州網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為伊州上千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務(wù)好的伊州做網(wǎng)站的公司定做!

float:left/right/none;

1.同級浮動

(1)使塊級元素在同一行顯示(所有要在同一行顯示的都要加浮動)

<div class="box1">box1</div>
<div class="box2">box2</div>
<div class="box3">box3</div>


.box1{
	border: 2px solid red;
	width: 40px;
	height:100px;
	float:left;
}
.box2{
	border: 6px solid black;
	width:100px;
	height:40px;
	float:left;
}
.box3{
	border: 12px solid blue;
	width:100px;
	height:300px;
	float:left;
}	

CSS 同級元素浮動

(2)使行內(nèi)元素支持寬和高

<span class="box1"></span>
.box1{
	border: 2px solid red;
	width: 40px;
	height:100px;
	float:left;
}

CSS 同級元素浮動

3.不設(shè)寬或高時(shí),寬和高由內(nèi)容撐開;

<span class="box1">hello</span>

.box1{
	border: 2px solid red;
	float:left;
}

CSS 同級元素浮動

4.如果在某個元素上添加浮動,它將脫離標(biāo)準(zhǔn)文檔流(文檔流是指對象在文檔所占的位置),并且向后找沒有浮動的元素覆蓋在上面(向后浮動),跟前面的元素沒有關(guān)系。

<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>


.box1{
	border: 1px solid red;
	width: 40px;
	height:100px;
	float:left;
}
.box2{
	border: 4px solid blue;
	width: 140px;
	height:40px;
	float:left;
}
.box3{
	border: 8px solid gray;
	width: 200px;
	height:200px;
	
}

CSS 同級元素浮動

5.如果某個元素加了浮動,它先脫離標(biāo)準(zhǔn)流,在根據(jù)浮動方向浮動,直到碰到上一浮動元素的邊界停下來,或者因?yàn)樯弦粚硬荒芊畔略撛囟粝聛?,在下一行?/p>

<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>


.box1{
	border: 11px solid red;
	width: 40px;
	height:100px;
	float:right;
	
}
.box2{
	border: 4px solid blue;
	width: 140px;
	height:40px;
	float:left;
	
}
.box3{
	border: 8px solid gray;
	width: 200px;
	height:200px;
}

CSS 同級元素浮動

6.當(dāng)一個元素A浮動在一個沒有浮動的元素B上,他會擠掉B的內(nèi)容原來的位置,甚至擠出

<div class="box1">box1</div>
<div class="box2">box2</div>
<div class="box3">box3</div>


.box1{
	border: 11px solid red;
	width: 40px;
	height:100px;
	
	
}
.box2{
	border: 4px solid blue;
	width: 60px;
	height:100px;
	float:left;
	
}
.box3{
	border: 8px solid gray;
	width: 200px;
	height:200px;
}

CSS 同級元素浮動

看完上述內(nèi)容,你們掌握CSS 同級元素浮動的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

文章題目:CSS同級元素浮動-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址:http://www.rwnh.cn/article6/dscgog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、電子商務(wù)、外貿(mào)網(wǎng)站建設(shè)外貿(mào)建站、搜索引擎優(yōu)化企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(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)

微信小程序開發(fā)
克山县| 龙陵县| 开化县| 会宁县| 平利县| 四川省| 泾川县| 都安| 定日县| 上栗县| 永顺县| 呼玛县| 兴安盟| 肥西县| 连州市| 荔浦县| 宜兴市| 济源市| 淳化县| 定安县| 玉龙| 大埔区| 东阿县| 灵川县| 古丈县| 彭水| 定结县| 利辛县| 承德县| 玛曲县| 丹东市| 泽州县| 阿拉善盟| 安溪县| 娱乐| 开江县| 山丹县| 连江县| 利川市| 滁州市| 泽普县|