发表于： 2020-03-03 21:02:24
1 1284
一.今日完成的内容与收获
1.绝对定位，相对定位，固定定位的区别
（1）绝对定位（position:absolute）: 会将元素从文档流中拖出来，即脱离文档流，后面的元素可以填充它留下来的空位；然后使用top、right、bottom、left属性来相对于其最接近的一个具有定位属性的父包含块进行绝对定位，若不存这样的包含块，则相对于body（浏览器窗口）元素。
（2）相对定位(position:relative)：它通过top、right、bottom、left属性确定元素在正常文档流中的偏移位置，相对于原来位置进行定位，并且其原来位置会保留下来。
（3）固定定位(position:fixed)：它相对移动的坐标是视图（屏幕内的网页窗口）本身，不会随着滚动条的滚动而变化，所以固定定位的元素会始终位于浏览器窗口内视图的某个位置。不会受文档流的影响。
1.绝对定位，相对定位，固定定位的区别
（1）绝对定位（position:absolute）: 会将元素从文档流中拖出来，即脱离文档流，后面的元素可以填充它留下来的空位；然后使用top、right、bottom、left属性来相对于其最接近的一个具有定位属性的父包含块进行绝对定位，若不存这样的包含块，则相对于body（浏览器窗口）元素。
（2）相对定位(position:relative)：它通过top、right、bottom、left属性确定元素在正常文档流中的偏移位置，相对于原来位置进行定位，并且其原来位置会保留下来。
（3）固定定位(position:fixed)：它相对移动的坐标是视图（屏幕内的网页窗口）本身，不会随着滚动条的滚动而变化，所以固定定位的元素会始终位于浏览器窗口内视图的某个位置。不会受文档流的影响。
2.页面的基本布局已经构建完成，还无法完成自适应；
二.遇到的问题
1.页面的基本布局已经完成，但是在F12进行调试时，无法完成页面的自适应。目前还没有解决、
三.明天的计划
1.对自适应还是不太理解，明天争取把自适应解决
1.对自适应还是不太理解，明天争取把自适应解决
返回列表
评论