一.定位网页元素 position: 1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来 2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移,到 ...
分类:
Web程序 时间:
2018-11-08 19:12:46
阅读次数:
197
一.定位网页元素 position : 1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来 2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移,... ...
分类:
Web程序 时间:
2018-11-08 13:15:37
阅读次数:
214
position static 静态定位(没有定位)默认 relative 相对定位,相对于正常位置(原本没有定位之前的定位)进行定位,还要占据位置 absolute 绝对定位,没有占据位置,使元素完全脱离文档流 fixed 固定定位,相对于浏览器窗口进行定位 ...
分类:
Web程序 时间:
2018-11-03 12:32:18
阅读次数:
168
相对定位 相对定位,就是微调元素位置的。让元素相对自己原来的位置,进行位置调整。 2、不脱标,老家留坑,形影分离 也就是说相对定位不脱标,真实位置是在老家,只不过影子出去了,可以到处飘。 3、相对定位用途 相对定位有坑,所以一般不用于做“压盖”效果。页面中,效果极小。就两个作用: 1) 微调元素 2 ...
分类:
Web程序 时间:
2018-10-31 11:20:53
阅读次数:
237
定位(position) 一.固定定位属性值:fixed 二.相对定位属性值:relative 三.绝对定位属性值:absolute 四.层级属性:z-index 五.绝定位元素居中方法 关键词都为0,margin:auto; div{ position:absolute; left:0; righ ...
分类:
其他好文 时间:
2018-10-25 21:12:29
阅读次数:
198
1: static 静态定位,是默认值,当代码使用top,left.等,无效 2: absolute 绝对定位,相对于父元素进行定位,元素通过top,right,left等进行定位 3: fixed 固定定位,相对于浏览器进行定位 4: relative 相对定位,元素通过top,left 等与它之 ...
分类:
其他好文 时间:
2018-10-25 17:58:21
阅读次数:
197
1、相对定位 2、绝对定位 对比 绝对定位参考点 绝对定位的盒子居中 当做公式记下来吧! 3、固定定位 ...
分类:
Web程序 时间:
2018-10-23 14:34:16
阅读次数:
279
定位位移相对于自身进行偏移定位 相对定位元素的 left/top/right/bottom 的百分比值是相对于包含块计算的,而不是自身 与绝对定位元素的对立方向不同,top/bottom 同时使 用的时候,bottom 被干掉;left/right 同时使用的时候,right 毙命 最小化影响原则 ...
分类:
Web程序 时间:
2018-10-19 02:23:19
阅读次数:
155
一:定位 意义:脱离原来的标准文档流,与此同时脱标的元素(浮动float,绝对定位,固定定位) 1.绝对定位:position:absolute 如果一级一级往上找页面中没有相对定位,就参考body进行定位。 如果有多个相对定位元素,就参考最近的,就近原则。 z-index:数字。覆盖效果。 数字越 ...
分类:
Web程序 时间:
2018-10-16 13:45:33
阅读次数:
160
sticky可以使用参数,是位置跟relative使用参数的效果是一致的,都是相对于static的变化;sticky具有“滚动机制”。sticky定位可以被认为是relative和fixed的混合。粘性定位的元素被视为相对定位,直到它超过指定的阈值,此时它被视为固定的,直到它到达其父母的边界。 fi ...
分类:
其他好文 时间:
2018-10-15 18:14:17
阅读次数:
1115