内射老阿姨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ā)
都兰县| 图们市| 集安市| 六盘水市| 社会| 柳河县| 松桃| 嘉义县| 盐津县| 福鼎市| 永善县| 泸溪县| 海城市| 庐江县| 平南县| 松滋市| 大荔县| 余干县| 抚宁县| 临沂市| 台东市| 宣汉县| 安阳市| 精河县| 环江| 简阳市| 贡觉县| 西平县| 灵寿县| 文安县| 通许县| 台前县| 乌海市| 绥中县| 普兰县| 云龙县| 榕江县| 东海县| 吴忠市| 汾西县| 永善县|