CSS左邊屬性

Question

當您在CSS中設置left: 50px;時，是在左上角還是中心註冊？

Answer 1

每個人都將註冊點設置爲您正在使用的任何規則。

如果您只提供左側或右側，則默認註冊點分別爲左上角或右上角。

因此，對於各種風格的規則：

左/ Left和Top =左上角

右/右和上=右上角

左/右和底=左下角

右/右和底=右下角

Answer 2

如果元素position:relative它將被移至50像素到左邊來回回其中它應該是。 （y位置被維持）

如果元件具有position:absolute或position:fixed它將被定位50像素到第一其父母具有position集到任何東西，但static。（如果沒有這樣的父母存在的左緣，它將在視口的起點左側50px）

如果元素沒有position屬性或position:static那麼左側，右側，頂部，底部屬性將被忽略。

我相信大多數現代瀏覽器不會修改元素的y位置，除非明確說明。