2020年3月22日
仿某pdd电商页面布局02（banner部分和滚动二维码部分）
摘要： 总结的要点： 1.关于position:fixed：它的作用是position:fixed 的元素将相对于屏幕视口（viewport）的位置来指定其位置。并且元素的位置在屏幕滚动时不会改变。 但是在很多情况下在许多情况下，position:fixed 将会失效。当元素祖先的 transform 属性 阅读全文
posted @ 2020-03-22 17:38 橘喵向前冲 阅读(149) 评论(0) 推荐(0)
仿某pdd电商页面布局01（头部布局）
摘要： 出现的错误和需要注意的问题： ① 清除浮动的clearfix没有放在‘ ’里面，导致后续div盒子位置异常。 <div class='header-main clearfix'> ② ul li下 <li></li>之间的空格会影响div的位置布局，在检查过.nav-item的首尾a元素左（右）外边 阅读全文
posted @ 2020-03-22 16:23 橘喵向前冲 阅读(216) 评论(0) 推荐(0)
关于对CSS中的正常情况下同1的效果，不过需要注意的是，当标签中包含文字时，relative会发生调整的理解
摘要： 今天练习某线上商城页面仿作的过程中，针对position:relative及position:absolute的使用技巧和疑惑点进行了一番梳理，学习了CSDN上onizukayao作者的一些理解方法，整理心得如下： 1.首先查阅开发文档，position: absolute的意思是： 绝对定位的元素 阅读全文
posted @ 2020-03-22 14:29 橘喵向前冲 阅读(220) 评论(0) 推荐(0)