css定位 position_技术问答

首页免费课 css定位 position 问答

css定位 position

                
                袁三日
            Web前端工程师

                    查看讲师更多课程 
                    袁三日讲师的其他课程
                
bootstrap快速入门
中级·100993
免费课程
                                
                难度初级
            
                时长 1小时18分
            
                学习人数
            
综合评分9.33
                            96人评价
                        查看评价
                                9.6
                                内容实用
                            
                                9.2
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

alwynxu

1. 绝对定位是相对于除了是static定位以外的父级元素而言的，也就是说如果绝对定位元素的父级元素没有设置定位(默认为static)，那么就以窗口来进行绝对定位
2. 相对定位是相对于原本文档流中的位置来进行定位的，left就是相对于元素本身左边的距离，bottom就是相对于元素本身底部的距离，这就是为什么设置的bottom为正数时会向上的原因，其他的等同。

8 2-5 position-inherit

2018-01-26

大大大鸭梨啊

很仔细，建议大家跟着写，会比较容易学

12 4-2 侧边栏导航跟随案例

2018-01-26

橙色心情

不错，很实用，对入门的人来说

0 4-1 定位和边距的区别以及弹出层的简单实例

2018-01-26

随风丶忆缘

absolute:绝对定位,脱离文档流,如果没有定义的父级元素定位,则根据浏览器窗口根据定位

3 2-3 position-absolute

2018-01-25

wen98y

这表情挺有意思的

0 1-1 课程简介

2018-01-25

小王来学习一波

温故而知新好好好

2 2-1 文档流

2018-01-25

小王来学习一波

讲得好讲的秒讲的同学呱呱叫

2 1-1 课程简介

2018-01-25

歆时

.login{
width: 360px;
height: 360px;
background: url(img/login.png) no-repeat;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
不设置外边距实现动态居中

3 4-1 定位和边距的区别以及弹出层的简单实例

2018-01-24

慕粉1109442636

又讲错了，absolute定位是找父级元素定位，没有父级找浏览器边框定位，所以就算没有设置top、left值，依旧会脱离文档与浏览器边框进行定位。

25 2-3 position-absolute

2018-01-24

慕粉1109442636

relative定位相对于原来位置定位移动，这么简单的事讲得那么复杂，还讲错了

9 2-2 position-relative

2018-01-24

歆时

学到了，感谢~~~~

0 4-2 侧边栏导航跟随案例

2018-01-23

陈年矿泉水

老师讲得一点都没错，上面两位同学是把相对定位的原理搬出来，而作为新手，只看原理根本不懂移动的方向究竟向哪里（例如right和bottom，我第一次看还以为是向右和向下移动，而实际恰恰相反），而老师是把相对定位的结果用XY坐标展示给大家看，一目了然。我个人很喜欢老师的教授方法。

3 2-2 position-relative

2018-01-23

Paper_W

关于relative，把top/right/bottom/left理解成：距离该元素在正常流中位置的上/右/下/左边的偏移量。

1 2-2 position-relative

2018-01-23

这个list-3绝对定位和父元素相对定位这个不太明白

最赞回答 / 慕婉清6388872

list-3 的position定位类型采用的是absolute(绝对定位)，绝对定位的特性就是会受到父元素定位的影响，所以list-3会出现跟随作用，这里父元素的position采用的relative(相对定位)

1 回答 973 浏览 4-2 侧边栏导航跟随案例

2018-01-22

故事悠悠

基础向还可以；这里方便大家理解;默认情况下；关于z-index的值的比较；大值总会覆盖小值，即出现在小值的前面；【可简单记为：页面和弹出模态框的关系】；至于父子级别的zindex关系；这里有点绕；可联想【皇上的权力比宰相大，皇子的权力虽然没有宰相大；但宰相会受限于皇上的权力关系；让出本身该有的空间】

8 3-1 z-index

2018-01-21

全栈小雪生

工作当中很实用

3 4-1 定位和边距的区别以及弹出层的简单实例

2018-01-21

首页上一页 13 14 15 16 17 18 19 下一页尾页

开始学习

课程须知: 1、需要有HTML基础知识。 2、需要对css基础样式有一定的掌握和了解

老师告诉你能学到什么？: 1、运用定位知识去实现固定定位 2、运用定位知识去实现相对定位

微信扫码，参与3人拼团

热搜

最近搜索清空

css定位 position

这个list-3绝对定位和父元素相对定位这个不太明白