今天我在編寫CSS時遇到了一個非常令人頭疼的問題:CSS定位不好使。
我嘗試使用position屬性來定位一個元素,但是無論我怎么設置top、right、bottom、left屬性,都無法讓元素出現在指定的位置。我查看了開發者工具中元素的樣式,發現我的CSS屬性已經生效了。
于是我開始仔細閱讀CSS定位的文檔,最終發現了問題所在:我沒有為該元素設置父元素的position屬性。
.parent { position: relative; } .child { position: absolute; top: 0; left: 0; }
在上面的例子中,如果我沒有為父元素設置position屬性,那么子元素的定位就不會生效。因為在沒有設置position屬性的情況下,子元素的定位是相對于文檔流來計算的。
所以,如果你的CSS定位不生效,不要著急。可以檢查一下父元素是否設置了position屬性,如果沒有,可以嘗試為其設置一個值,比如relative或者absolute。
上一篇css定位基準點