发表于： 2018-08-13 22:35:01
1 699
一、今天完成的事情:position
二、明天计划的事情:任务三
三、遇到的问题
四、收获
position属性的值有五个，static（默认），relative(相对定位)，absolute（绝对定位），fixed（固定定位），sticky (粘性定位)。
static（默认）：即没有定位，元素出现在正常的流中。
relative(相对定位)：相对于正常位置，被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置，元素相互重叠时，他原本所占的空间不会改变，可以通过left、right、top、button属性进行规定。
absolute（绝对定位）：元素定位与文本流无关，脱离文本流，因此不占据空间。会和其他元素重叠。
fixed（固定定位）：相对于浏览器的固定位置，即使窗口是滚动的它也不会移动，与文本流无关，不占据空间。会和其他元素重叠。
sticky (粘性定位)：是CSS3属性，是相对定位（position:relative）和固定定位（position:fixed）的混合，在目标区域可见时，它就像相对定位; 而当页面滚动超出目标区域时，它就像固定定位，会固定在目标位置。
返回列表
评论