课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
绝对定位,相对定位,层模型固定定位感觉之间区别认识的比较模糊,不太懂三者意思。请问有什么比较恰当的比喻或者实际的案例没有?
2016-06-19
源自:初识HTML(5)+CSS(3)-升级版 13-9
正在回答
三者都是定位那么定位是需要参照物的,可以理解为广义的相对定位,在不改变元素position的时候一般默认是static,即元素都在正常文本流中。当元素position值为非static的时候元素脱离文本流——像一个特派员。
absolute——从自身位置开始向上找活动空间,那个老大说是她的人(这个元素position值改变),他就可以在这个层级上活动,如果都是static那么就参照body。
relative——一开始就知道自己坐标原点在哪里。就是正常文本流中出现的位置(元素左上角的坐标点开始)。
fixed——就是特殊的absolute。他的参照物只认body。
慕粉3529209
绝对定位:相对于容器(包含该元素的块)的位置定位
相对定位:在元素本来应该在的地方进行位移,但并不改变元素在文档流中所占据的空间
固定定位:在浏览器中的位置定位,与文档流的改变无关。相当于浮在网页前面
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
5 回答层模型,三个定位有什么区别
2 回答固定定位与绝对定位的区别
3 回答两种定位方法能不能一起用?
7 回答绝对定位和相对定位的区别
3 回答请问绝对定位和固定定位有啥区别吗?