第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

關(guān)于css的層模型中的絕對(duì)定位??

如果想為元素設(shè)置層模型中的絕對(duì)定位,需要設(shè)置position:absolute(表示絕對(duì)定位),這條語(yǔ)句的作用將元素從文檔流中拖出來,然后使用left、right、top、bottom屬性相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位。如果不存在這樣的包含塊,則相對(duì)于body元素,即相對(duì)于瀏覽器窗口。

其中,【然后使用left、right、top、bottom屬性相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位?!浚?,,這句話,“具有定位屬性的父包含塊”,,,那么,在設(shè)置子一代的絕對(duì)定位,需要為父包含塊設(shè)置定位嗎???完整的是怎么設(shè)置的??

正在回答

2 回答

不一定需要,看需求,如果父塊不用設(shè)置位置,那就不用

0 回復(fù) 有任何疑惑可以回復(fù)我~

比如div1里有個(gè)子div2,那么需要給div1設(shè)置position:relative,div2設(shè)置position:absolute. 之后div2的位置就會(huì)以div1為參照定位了。

至于left、right、top、bottom屬性,意思是相對(duì)父DIV對(duì)應(yīng)方向的距離,具體可以復(fù)制修改以下代碼理解。

<!DOCTYPE?HTML>
<html>
<head>
<meta?charset="utf-8">
<title>絕對(duì)定位</title>
<style>
	#div1?{
		position:relative;?/*?設(shè)置相對(duì)定位?*/
		width:200px;
		height:200px;
		border:2px?solid?black;
	}
	#div2?{
		position:absolute;??/*?設(shè)置絕對(duì)定位?*/
		width:100px;
		height:100px;
		border:1px?dashed?red;
		right:0;
		top:50px;
	}
</style>
</head>
<body>
????<div?id="div1">父DIV
		<div?id="div2">子DIV</div>
	</div>
</body>
</html>

http://img1.sycdn.imooc.com//587ae2e40001a4b002080209.jpg

1 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
初識(shí)HTML(5)+CSS(3)-升級(jí)版
  • 參與學(xué)習(xí)       1228626    人
  • 解答問題       19080    個(gè)

HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義

進(jìn)入課程

關(guān)于css的層模型中的絕對(duì)定位??

我要回答 關(guān)注問題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)