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

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

關于css的層模型中的絕對定位??

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

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

正在回答

2 回答

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

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

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

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

<!DOCTYPE?HTML>
<html>
<head>
<meta?charset="utf-8">
<title>絕對定位</title>
<style>
	#div1?{
		position:relative;?/*?設置相對定位?*/
		width:200px;
		height:200px;
		border:2px?solid?black;
	}
	#div2?{
		position:absolute;??/*?設置絕對定位?*/
		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)-升級版
  • 參與學習       1228628    人
  • 解答問題       19080    個

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

進入課程

關于css的層模型中的絕對定位??

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號