css top与bottom属性

来源:互联网 发布:网络运营托管 编辑:程序博客网 时间:2024/05/29 15:31
  • 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

阅读全文
0 0
原创粉丝点击