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

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

如果不存在這樣的包含塊,則相對(duì)于body元素,不是相對(duì)于html 元素?

如題:

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>absolute樣式</title>
<style?type="text/css">
body{border:1px?solid?green;height:500px;}
div{
????width:200px;
????height:200px;
	border:2px?red?solid;
	position:absolute;
????top:0;
????left:0;
}
</style>
</head>
<body>
<div?id="div1"></div>
</body>
</html>

上面這段代碼可以看出,紅框已超出綠框的范圍?

正在回答

1 回答

你是相對(duì)于整個(gè)頁(yè)面進(jìn)行了絕對(duì)定位,所以會(huì)出現(xiàn)這樣的情況

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

Issa_Tan 提問(wèn)者

可能我問(wèn)得不是很清楚,我的意思是“如果頁(yè)面上并沒(méi)有設(shè)置position:relative;的元素,那么到底是相對(duì)于body 元素定位?還是相對(duì)于html 元素定位?”
2015-03-18 回復(fù) 有任何疑惑可以回復(fù)我~
#2

愛(ài)吃壽司的小豆芽 回復(fù) Issa_Tan 提問(wèn)者

body{border:1px solid green;height:500px;margin:0px;padding:0px},此時(shí)的body和瀏覽器窗口距離為(margin:0px;padding:0px)0,absolute定位可以同時(shí)對(duì)瀏覽器窗口和body而言;
2015-03-25 回復(fù) 有任何疑惑可以回復(fù)我~
#3

愛(ài)吃壽司的小豆芽 回復(fù) Issa_Tan 提問(wèn)者

可以這樣理解,1)relative是相對(duì)前一個(gè)有定位屬性的<body>而言;2)absolute是相對(duì)于瀏覽器而言,一般瀏覽器與body的間距不為0。只有當(dāng)你上述編寫(xiě)程序第七行擴(kuò)充為body{border:1px solid green;height:500px;margin:0px;padding:0px},此時(shí)的body和瀏覽器窗口距離為(margin:0px;padding:0px)0px,absolute定位可以同時(shí)對(duì)瀏覽器窗口和body而言;
2015-03-25 回復(fù) 有任何疑惑可以回復(fù)我~
#4

Issa_Tan 提問(wèn)者 回復(fù) 愛(ài)吃壽司的小豆芽

你好,主要是因?yàn)槲铱戳恕禜TML+CSS基礎(chǔ)課程 12-6》這門(mén)課(href = "http://idcbgp.cn/code/2073"),它里面說(shuō),如果不存在設(shè)置 position:relative 的元素,則相對(duì)于body元素,即相對(duì)于瀏覽器窗口 進(jìn)行定位。在我的實(shí)驗(yàn)中,我想說(shuō)明是它這句話是錯(cuò)誤的,應(yīng)該是相對(duì)于整個(gè)DOM 樹(shù)的最頂端,即<html> 元素定位而不是 <body> 元素。
2015-03-30 回復(fù) 有任何疑惑可以回復(fù)我~
#5

慕尼黑7014727 回復(fù) Issa_Tan 提問(wèn)者

說(shuō)的很對(duì)!其實(shí)是相對(duì)于html元素定位的。感謝!
2017-05-03 回復(fù) 有任何疑惑可以回復(fù)我~
查看2條回復(fù)

舉報(bào)

0/150
提交
取消

如果不存在這樣的包含塊,則相對(duì)于body元素,不是相對(duì)于html 元素?

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

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

幫助反饋 APP下載

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

公眾號(hào)

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