顶部、底部、右侧和左侧位置属性的默认值

Question

3

position属性的top、bottom、left、right属性的默认值为auto，用户代理如何计算auto的值，这些值是什么？

- MezzanineLearner

什么？“position”属性有"absolute"、"relative"等值。 - Heretic Monkey

请再次阅读问题，你没有理解它。 - MezzanineLearner

2

对于未替换的元素，该值的效果取决于相关属性中是否有'auto'值。请查阅绝对定位的非替换元素的宽度和高度部分了解详情。对于替换元素，该值的效果仅取决于替换内容的内在尺寸。请查阅绝对定位的替换元素的宽度和高度部分了解详情。 - Quentin

谢谢Quentin，我会看一下这个。 - MezzanineLearner

或者，也许，并不清楚... - Heretic Monkey

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- hidanielle · Accepted Answer

以top为例，来自https://developer.mozilla.org/en/docs/Web/CSS/top 对于绝对定位的元素（position: absolute或position: fixed），它指定了元素顶部外边距边缘与其包含块顶部边缘之间的距离。

因此，对于已绝对定位的元素，top: auto表示元素当前位置，可以通过bottom属性来影响。

对于相对定位的元素（position: relative），它指定了元素下移其正常位置的量。

因此，对于已相对定位的元素，top: auto表示其与原始位置的偏移量，也基于bottom属性。如果两者都设置为auto，则不会偏移任何内容。

底部的情况也是如此，但相反，左/右关系也是如此。

来自http://vanseodesign.com/css/auto-positioning/ top、right、bottom和left属性的默认值为auto，这意味着绝对定位的框将出现在它没有定位时的位置。由于它从流中删除，因此它将重叠任何跟随它的正常流中的元素。

还要注意以下内容：

当同时指定顶部和底部时，只要高度未指定、为auto或100％，则将同时考虑顶部和底部距离。否则，如果高度受到任何限制，则顶部属性优先，并忽略底部属性。