开发者社区> 问答> 正文

CSS有⼏种定位⽅式?

展开
收起
前端问答 2019-12-15 16:59:25 1037 0
2 条回答
写回答
取消 提交回答
  • 精于基础,广于工具,熟于业务。

    CSS定位方式比较多常见的有 static:默认定位 relative:相对定位,相对于原来的位置,但是原来的位置仍然保留 absolute定位:非标准刘定位,原来的位置消失,被后边的位置所顶替

    2019-12-16 10:08:35
    赞同 1 展开评论 打赏
  • 前端问答小助手

    static: 正常⽂档流定位,此时 top, right, bottom, left 和 z-index 属性⽆效,块级元素从上往下纵向排布,⾏级元素从左向右排列。

    relative:相对定位,此时的『相对』是相对于正常⽂档流的位置。

    absolute:相对于最近的⾮ static 定位祖先元素的偏移,来确定元素位置,⽐如⼀个绝对定位元素它的⽗级、和祖⽗级元素都为relative,它会相对他的⽗级⽽产⽣偏移。

    fixed:指定元素相对于屏幕视⼝(viewport)的位置来指定元素位置。元素的位置在屏幕滚动时不会改变,⽐如那种回到顶部的按钮⼀般都是⽤此定位⽅式。

    sticky:粘性定位,特性近似于relative和fixed的合体,其在实际应⽤中的近似效果就是IOS通讯录滚动的时候的『顶屁股』。

    2019-12-16 10:17:22
    赞同 1 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载