設置絕對定位的元素背景色被全覆蓋怎么回事？
我試著做，，把文本加長也沒用了一遍，發現box2的文本正常顯示，定位也對，但box2的背景色被覆蓋在下面。以老師講的為例，就是那個box2的藍色背景被蓋在box1的紅色背景下，定位的其他效果都正常
XuanKong
2016-08-12
1 回答
舉報
0/150
提交
取消
2016-08-13
首先，老師說的BOX2背景顏色是綠色，正常情況下DIV是塊級元素是會獨占一行的，當BOX2設置了絕對定位時，BOX2就會脫離標準文檔流，據我的理解，脫離了便準文檔流后的DIV就不再獨占一行，因此BOX2的位置會被BOX3代替，因為一開始老師沒有設置BOX2的父級元素，所以脫離了標準文檔流的BOX2會因為絕對定位的特點，以html為偏移參照基準，覆蓋了BOX3，并且緊挨著在原本BOX1的下方，當老師設置了BOX2的父包含塊BOX并且設置了黃色背景和相對定位時，BOX2就會以BOX2的父級BOX為基準偏移，因為相對定位仍然處于標準文檔流中所以BOX1和BOX3之間會出現黃色一條，于是脫離了標準文檔流的BOX2會跟著BOX緊挨著BOX1，這個時候如果設置BOX2的偏移量，BOX2就只會在BOX中移動，因為不太明白你問什么，所以重新用文字跟你說一遍，希望你能明白