发表于： 2021-03-21 21:36:49
1 960
今天完成的事情：任务六原型，和调试
明天计划的事情：任务六调试完成，任务六深度思考和总结。 基础知识巩固和记忆。
遇到的问题：列表头设定了position（位置）定位属性，显示挺好。拖动时，就跑了？！
设定了vertical-align: middle（垂直居中）属性，添加了float（浮动）属性后，垂直居中失效了？
收获：
代码书写时的规范性。
应用了flexbox（弹性盒子）的justify-content: space-around;属性使自己的元素内容在父级框中均匀站位。
inline行内元素；block块级元素；inline-block行内块级元素的应用和详细了解。（脱离文档流将失效）
文档流与脱离文档流：
1，文档流指的是元素排版布局过程中，元素会默认的自动从左至右，从上至下的排列方式。
及元素窗口将自上而下分成一行一行的，并且每行都是从左至右的顺序。上面的行内元素和块级元素及是在文档流的排列方式。
2，脱离文档流及为元素不在占据页面空间，原本这个元素后面的元素将会代替其位置。
虽然其元素不再占据空间但是他还在页面内，所以会覆盖占据它位置的那个元素。
常见的脱离文档流的CSS属性：float（浮动）。position（位置）的absolute（绝对定位）和fixed（固定定位）。
返回列表
评论