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