发表于： 2018-10-26 23:13:28
1 796
今天完成的事：今天用<ul><li>标签把 任务五重新做了下
，对relative 和absolute 也有了新的理解 弹性盒子的布局也学习了下。
明天计划的事：要把弹性布局仔细的在看看，自己做几个盒子线运用看看，在用弹性布局把任务五做下，还有伪元素也要学习下。.gif)
遇到的问题：用鼠标可以拖动页面的内容 总是出现左右摆动，
昨天用div做出来的时候并没有这种的情况 每次盒子用设置了 absolute 但是要用top撑 HTML的高度，一直找不到问题点。
解决办法：向师兄请教了下 用鼠标可以拖动页面的内容 总是出现左右摆动问题 是因为 宽度设置了百分百的时候 在用margin-left 百分比撑的时候 盒子的宽度就被顶出来了 会出现内容摇摆浮动 ； 在用 absolute 的时候 父元素要设置 relative做为容器的，relative：定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）。设置了 relative 的元素仍然处在文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。最外层容器设置为 relative 定位，在没有设置宽度的情况下，宽度是整个浏览器的宽度。absolute：定位是相对于离元素最近的设置了绝对或相对定位的父元素决定的，如果没有父元素设置绝对或相对定位，则元素相对于根元素即 html 元素定位。设置了 absolute 的元素脱了了文档流，元素在没有设置宽度的情况下，宽度由元素里面的内容决定。脱离后原来的位置相当于是空的，下面的元素会来占据位置。
收获：在没必要的时候不要设置宽度，用right设置为0 还有left设置为0 ，每当要用 absolute 的时候一定要记得给父元素 设置relative，父相子绝，现在对定位的掌握比之前理解的更深点了，<ul><li>标签也可以简单运用了。
返回列表
评论