位置属性的顶部,底部,左侧,右侧值的默认值是auto,用户代理如何自动计算,这些值是什么?
答案 0 :(得分:2)
例如,从https://developer.mozilla.org/en/docs/Web/CSS/top
获取top
对于绝对定位的元素(位置:绝对或位置:固定的元素),它指定元素的上边距边缘与其包含块的上边缘之间的距离。
因此,绝对定位元素的top: auto
表示当前元素的位置,并且可以受bottom
属性的影响。
对于相对定位的元素(具有位置:相对的元素),它 指定元素移动到正常位置以下的数量。
因此,对于相对定位元素,top: auto
表示与其原始位置的偏移量,也基于bottom属性。如果两者都设置为auto,则它不会偏移任何内容
这对于底部是相同的,但是相反,然后对于左/右关系也是如此。
来自http://vanseodesign.com/css/auto-positioning/
top,right,bottom和left属性的默认值为 自动,这意味着绝对定位的框将完全显示 如果它没有定位它会有的地方。因为它被删除了 从流程中它将重叠正常流动中的任何元素 但是,请遵循它。
同样值得注意的是:
指定顶部和底部时,只要高度为 未指定,自动或100%,顶部和底部距离都将是 尊重。否则,如果高度受到任何限制,则顶部 property优先,bottom属性被忽略。