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位置，除非明确说明。