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

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

關(guān)于position:relative left:50%的問題?

代碼:

<style>

#div1{??

?width:200px;? ??

height:200px;

border:2px red solid;

position:relative;? ??

left:50%;? ??

top:50%;

}

</style>

</head>

<body>

<div id="div1"></div>

</body>

  1. left:50%這代表什么?為什么是移動body的50%的距離?

  2. 為什么使用top:50%卻沒有效果?

正在回答

3 回答

  1. 這個以body為參照,就是移動頁面寬度的50%

  2. 頁面的長度是沒有限制的 ,你可以一直滾動頁面往下拉,so


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

Eason_Mar 提問者

非常感謝!
2016-03-01 回復(fù) 有任何疑惑可以回復(fù)我~
#2

福爾摩牙

你好,請問關(guān)于問題一,意思是不是:比如頁面寬度為600px,那么left:50%,是不是意味著這個div會向右移動300px,再加上div本身的200px,后來右邊就只有100px的寬度了呢?
2016-03-02 回復(fù) 有任何疑惑可以回復(fù)我~
#3

未之未央丿 回復(fù) 福爾摩牙

是的,就是這樣理解的
2016-03-06 回復(fù) 有任何疑惑可以回復(fù)我~

left:50%代表父級容器的一半寬度。在你這里是body.

在父級div上加一個position:relative,這里用absolute試試?

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

div1是放置在body中,所以是移動body的50%

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

舉報(bào)

0/150
提交
取消

關(guān)于position:relative left:50%的問題?

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

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

幫助反饋 APP下載

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

公眾號

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