实现思想:在滚动到最后一张的时候,将第一张定位使用相对定位,定位到最后一张的下面 备注: 1、当滚动到第一张的时候,需要重置ul的位置,以及把第一张li的定位取消 2、滚动到最后一张的时候,将第一张的li,加上相对定位,top设置为最后一张的下面 3、startMove是运动框架,可以自己实现 ...
分类:
其他好文 时间:
2019-07-31 18:16:06
阅读次数:
89
水平居中 1.定宽。左右:margin:auto 2.弹性盒设置 justify—content:center 3.父元素设置 text-align:center 4相对定位元素 left:0;right:0;定宽:左右margin:auto 5.相对定位元素 margin-left:50%;tra ...
分类:
Web程序 时间:
2019-07-26 14:22:37
阅读次数:
134
1 2 3 4 5 6 8 64 65 66 67 68 69 70 我是一个span 71 72 ...
分类:
其他好文 时间:
2019-07-19 15:35:26
阅读次数:
72
相对 绝对 固定 一: 相对定位 相对定位:相对于自己原来的位置定位 特性: 1.不脱标 2.形影分离 3.老家留坑 所以说相对定位 在页面中没有什么太大的作用。影响我们页面的布局。我们不要使用相对定位来做压盖效果 用途: 1.微调元素位置 2.做绝对定位的参考(父相子绝)绝对定位会说到此内容。 参 ...
分类:
Web程序 时间:
2019-07-16 08:15:49
阅读次数:
190
定位 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 这三种定位,每一种都暗藏玄机,所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: to ...
分类:
其他好文 时间:
2019-07-10 15:19:56
阅读次数:
117
我们知道HTML中有常规流文本和非常规流,当一个元素的position属性为为相对定位、绝对定位或固定定位时,这个元素就会脱离的常规流文本,这个时候就可以利用left等属性来进行位置的设定。 要理解这个过程的原理其实很简单,我们可以利用维度思维来理解。 我们都知道二维维度是一个平面维度,三维维度就是 ...
分类:
Web程序 时间:
2019-07-03 22:56:12
阅读次数:
251
demo: file:///Users/qiaorui.chen/Site/css/helloworld.html 1. position: absolute; // 绝对定位,参考目标是窗口,会受滚动条会影响。 2. position: relative; // 相对定位,当父类使用relativ ...
分类:
Web程序 时间:
2019-06-29 14:33:59
阅读次数:
155
一、定位 position属性 1.默认定位: position:static; 元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。 2.相对定位: position:relative; a.相对于原来的位置进行定位 b.原先位置依然保留(不 ...
分类:
其他好文 时间:
2019-06-23 21:11:40
阅读次数:
73
圣杯布局与双飞翼布局的区别: 圣杯布局(两边定宽,中间自适应的另一种实现方式,这两种方式在结构的书写上还是有不一样的),主要是用相对定位与浮动和padding实现。 实现两边定宽,中间自适应,主要是通过浮动与margin实现,代码如下: 效果如下: ...
分类:
Web程序 时间:
2019-06-07 21:14:56
阅读次数:
159
css定位 定位是用来移动元素位置的。 相对位置,参考元素原始位置,偏移某个距离 绝对位置,参考点是最近的有定位的祖先元素,偏移某个距离 定位 1 css定位 相对定位 绝对定位 固定定位 为什么 移动元素 设置元素在包含块中出现的位置,以及遮盖 2 相对定位 position: relative;... ...
分类:
Web程序 时间:
2019-06-06 23:03:15
阅读次数:
161