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

时间:2016-10-13 17:44:20

标签: html css html5 css3

位置属性的顶部,底部,左侧,右侧值的默认值是auto,用户代理如何自动计算,这些值是什么?

1 个答案:

答案 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属性被忽略。