发表于： 2018-04-23 22:17:44
2 566
今天完成的事情：
由于任务6卡了两天，今天根据师兄的指点重写任务4牢固基础。
明天计划的事情：
重写任务5吧
遇到的问题：
原先写任务4时是用一个个div叠加实现的，但并不符合header紧贴顶部等要求，这次重写使用了下列知识点重写：
1）header紧贴表头使用fixed定位，此时需要注意的是fixed属性会使该属性脱离文档流，因此该元素原来所在的位置不存在，后续元素的定位需要加以注意。
------------------------------------
链接：https://www.zhihu.com/question/53545802/answer/135467197
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
relative：生成相对定位的元素，相对于其正常位置进行定位。
元素的位置通过left、right、top、button属性进行规定，
可以通过z-index进行层次分级。
元素元素仍保持其未定位前的形状，原本所占的空间仍将保留。
如果没有定位偏移量，对元素本身没有任何影响
absolute：生成绝对定位元素。使元素脱离文档流，并相对于其包含块进行定位，包含块可能是文档中的另一个元素或者是初始包含块，
元素原先在正常文档流中所占的空间会会被后面元素占据；
元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框；
绝对定位元素的包含块由离它最近的 'position' 属性为 'absolute'、'relative' 或者 'fixed' 的祖先元素创建。只要父级元素设置了position并且不是static（默认既是static），那么设定了absolute的子元素即以此为包含块（最近的）。如果都没有定义，那么就相对于整个文档body定位（注意不是相对于浏览器窗口定位）
相对定位一般都是配合绝对定位元素使用
fixed：生成绝对定位元素，相对于浏览器窗口的定位。通常配合z-index一起来使用。比如说网页上悬挂的聊天图标或者广告就是用了fixed
2）最后一行 p<忘记密码?>的定位应该用float:right，若使用text align:right 则会使得该元素所在整行是触发元素。
收获：
见上
返回列表
评论