css top与bottom属性

• bottom ,CSS属性参与指定位置元素的垂直位置。它对非定位元素没有影响。

botttom的效果取决于元素的位置

• 当position:absolute或fixed,bottom是指定元素的底部边缘和包含它的父元素的底部边缘的距离
  
  • position:fixed是指浏览器的底部边缘与指定元素底部边缘的距离
  • position:absolute是指定元素的底部与非static的最近父元素的底部距离
• 当position:relative时,bottom指定元素底部边缘移动到其正常位置之上的距离。
• 当position:sticky时，bottom表现为当元素在视口内时它的位置是相对的，并且当它在外部时它的位置是固定的。
• 当postion:static 对bottom没影响

top属性

• 当position:absolute或fixed,top是指定元素的顶部边缘和包含它的元素的顶部边缘的距离
  
  • position:fixed是指浏览器的视窗顶部边缘与指定元素顶部边缘的距离
  • position:absolute是指定元素的顶部与非static的最近父元素的顶部距离
• 当position:sticky时，top表现为当元素在视口内时它的位置是相对的，并且当它在外部时它的位置是固定的。
• 当postion:static 对top没影响

left/right同top/bottom