为什么 css position relative 与所有属性 auto?
Why css position relative with all properties auto?
我碰巧看到一些响应式 sites's 列表碰巧有 css 相对位置,如下所示:
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
想知道为什么要这样编码吗?关于此的任何偏好或提示?
auto
是 top
、right
、bottom
和 left
属性的默认值。这与说 "none" 或 "no value" (它实际上没有写成 none
的原因是因为从技术上讲,每个元素总是对每个属性都有一个值,但默认情况下它只是由浏览器计算,并且没有在 CSS 任何地方明确列出.. 因此术语 auto
)。在大多数(所有?)情况下,将值设置为 auto
将覆盖先前设置的值,并将 return 设置为默认行为,或者先发制人地通过以下方式防止这些值设置(可能正在使用一个自动添加这些属性的插件,但开发人员决定他们不希望这种行为发生)。
就 "tips" 而言,如果您不希望需要重置该值,则可能不需要包含这些规则。根据我的经验,我只设置了这些属性到 auto
如果我发现我已经将值设置为其他值并且需要重置它.. 永远不要先发制人。
我碰巧看到一些响应式 sites's 列表碰巧有 css 相对位置,如下所示:
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
想知道为什么要这样编码吗?关于此的任何偏好或提示?
auto
是 top
、right
、bottom
和 left
属性的默认值。这与说 "none" 或 "no value" (它实际上没有写成 none
的原因是因为从技术上讲,每个元素总是对每个属性都有一个值,但默认情况下它只是由浏览器计算,并且没有在 CSS 任何地方明确列出.. 因此术语 auto
)。在大多数(所有?)情况下,将值设置为 auto
将覆盖先前设置的值,并将 return 设置为默认行为,或者先发制人地通过以下方式防止这些值设置(可能正在使用一个自动添加这些属性的插件,但开发人员决定他们不希望这种行为发生)。
就 "tips" 而言,如果您不希望需要重置该值,则可能不需要包含这些规则。根据我的经验,我只设置了这些属性到 auto
如果我发现我已经将值设置为其他值并且需要重置它.. 永远不要先发制人。