课程
/前端开发
/HTML/CSS
/css定位 position
为什么绝对定位没有写left,bottom之类的还是按照正常的文档流来的
2018-07-06
源自:css定位 position 2-3
正在回答
因为你只给了它定位属性,而没有给它定位性质。打个比方,炫舞里面的翅膀知道吧,需要有飞行徽章才能飞起来。你这个就相当于有了翅膀,你没给它安飞行徽章,它飞不起来啊!
relative 相对定位
相对定位,相对的是:元素原来的位置,即元素在正常文档流中的位置。相对定位保留老家地。
absolute 绝对定位
1、有最近定位祖先元素:在最近定位祖先元素的框内,以四个角为坐标原点进行一系列的定位。
2、没有最近定位祖先元素:在 body 元素内,以四个角为坐标原点进行一些列的定位。
绝对定位,相对的是最近定位祖先元素,如果没有定位祖先元素则相对 body 元素定位,注意:absolute 相对的不是它原来的位置。绝对定位不保留老家地。
绝对定位是脱离文档流的。
就是因为它没有设置left、top这些属性,所以没法布局,只好放在文档流的后面,但此时它本身并不在文档流中,这应该是相当于让位一样吧。
但是如果设置了left这些属性,就可以正常的定位了。
窗边的鬼
阿君 回复 窗边的鬼
阿君
举报
老师带你了解CSS中定位的知识,并运用到实际案例中。
4 回答固定定位和绝对定位的区别
1 回答相对定位和绝对定位的层级关系
2 回答什么是脱离文档流?
4 回答如果同时出现left和right或者top和bottom会按照怎样的规则?
2 回答nav 的高度是固定的205px,没有设置auto. 为何还是会正常撑开,没有挤到一起