請(qǐng)教老師一個(gè)問題
一個(gè)問題：?
如果單把box4寫成position:absolute; 為什么之前定義的寬度在box4上就沒了？自動(dòng)變成block元素的默認(rèn)值了（占滿一整行）?
但如果把box3寫成position:absolute; 或 position:relative;任意一種 然后再把box4寫成position:absolute;寬度什么的就沒問題？
Zickson
2016-01-23
3 回答
舉報(bào)
0/150
提交
取消
2016-01-24
好了 隔了幾個(gè)小時(shí)回來瞄了眼 發(fā)現(xiàn)作者把box4下面原來的99%改成200px了...正好提問里還保存了原來的代碼，試了試徹底明白了...
之前是被原來的99%給帶歪了...原意應(yīng)該是讓看到99%指向不同寬度的目標(biāo)有不同會(huì)變化...（默認(rèn)99%指向box3的200px。不對(duì)box3使用relative或absolute，只對(duì)box4使用absolute之后指向body全屏幕寬度）
結(jié)果右邊的效果圖里即使最大化了也看不到99%的body寬度...
2016-01-23
改了下加了盒子模型，又發(fā)現(xiàn)一個(gè)問題：absolute計(jì)算父元素節(jié)點(diǎn)位置時(shí)從邊框?yàn)?算起(但默認(rèn)位置不是) ?左右上下貌似還要算padding的距離 relative則不用。
#box3{
? ? width:400px;
? ? height:400px;
? ? padding:20px;?
? ? margin:20px;
? ? border:15px solid red;
? ? position:relative;
}
/*box3的padding厚度20px*/
#box4{
? ? width:99%;
? ? position:absolute;
? ? left:0;
? ? /*box4的absolute left定位如果0px則緊貼左側(cè)邊框內(nèi)側(cè)（默認(rèn)位置為padding的寬度20px），如果改為relative則left:0依然保留padding留白*/
}
2016-01-23
補(bǔ)充猜想：莫非是absolute跳出正常文檔流不光改變位置，而且對(duì)于其父結(jié)點(diǎn)上定義的內(nèi)容不自動(dòng)繼承？