最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號安全,請及時綁定郵箱和手機立即綁定

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

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

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

正在回答

2 回答

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

0 回復 有任何疑惑可以回復我~

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

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

<!DOCTYPE?HTML>
<html>
<head>
<meta?charset="utf-8">
<title>絕對定位</title>
<style>
	#div1?{
		position:relative;?/*?設(shè)置相對定位?*/
		width:200px;
		height:200px;
		border:2px?solid?black;
	}
	#div2?{
		position:absolute;??/*?設(shè)置絕對定位?*/
		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 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)
  • 參與學習       1229791    人
  • 解答問題       19084    個

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

進入課程

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

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

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

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