z-index它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-index z-index ...
分类：
Web程序 时间：
2020-04-21 15:32:23
阅读次数：
67
相对定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： top、bottom、left、right 特性： 1.不脱标 ...
分类：
Web程序 时间：
2020-04-21 15:25:37
阅读次数：
82
行内元素： 与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。 块级元素： 霸占一行，不能与其他任何元素并列； 能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100% 块级元素可以转换为行内元素： 一旦，给一个块级元素（比如div）设置： display: inline; 那 ...
分类：
Web程序 时间：
2020-04-21 14:49:23
阅读次数：
82
ps：没有在swiper中添加scroll-view是为了可以使用页面的下拉刷新，最终方法直接跳到方案四。（含代码片段） 初始方案 swiper高度固定，swiper-item默认绝对定位且宽高100%，每个swiper-item中内容由固定高度的child组成，然后根据child数量动态计算swi ...
分类：
微信 时间：
2020-04-16 22:38:18
阅读次数：
106
在案例中，为了使展示效果更佳，我们通常可以给文本加上一个纵向或者横向的滚动效果，其基本原理就是将文本信息放入一个数组循环创建，通过触发器不断调整它们的坐标，每当第一个元素内容滚动出界面就将其调整至一维数组的末尾，下面就来讲一讲具体步骤吧。一.纵向滚动1.界面首先搭建一个如下图所示的简易界面，在绝对定位容器内进行循环创建，数据来源为一个一维数组，点击add按钮可以将输入框的内容添加到一维数组的末尾。
分类：
其他好文 时间：
2020-04-13 22:46:12
阅读次数：
112
一直对positon的几个定位方式不是特别理解，记录下 fixed 固定定位，参照位置是浏览器窗口的左上角，即坐标点为(0px, 0px) absolute 绝对定位，参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角，举个例子 <div style ...
分类：
Web程序 时间：
2020-04-12 10:53:15
阅读次数：
72
css定位 定位模式：在css中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{position：属性值；} position属性值有5种，分别是静态定位，相对定位，绝对定位，固定定位和粘性定位 | 属性值 | 描述 | | | | | static（静态定位） | 正常显 ...
分类：
Web程序 时间：
2020-04-08 10:01:08
阅读次数：
133
一：轮播图样式 编程注意：把左右按钮放在一个盒子里 把单边播放 循环播放 也放在一个盒子里 分别绝对定位 都要在一个盒子里：方便编程 单边循环与循环播放的区别就在于 对index的处理不同： 添加一个bool 开关： 改进点击事件： 以上代码不好：代码耦合性高 ...
分类：
其他好文 时间：
2020-04-05 13:13:30
阅读次数：
65
一. 布局流 众所周知，html文档大致分为三种控制元素布局方式 1.普通布局 普通布局，顾名思义，就是元素按照HTML先后顺序进行上下布局。 当然这其中又分为块类元素、行内快元素和行内元素，其中这三种具体有那些标签就不在这里一一赘述。 块类元素单独占一行。 行内元素可水平排列，直到宽度占满父元素宽 ...
分类：
其他好文 时间：
2020-04-05 00:19:57
阅读次数：
72
概述 这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上，页面超过屏幕大小时候输入框focus状态下（键盘弹出）绝对定位的元素失效，导致页面滚动时候把定位元素一并带走，体验十分不好，在此留下一自己的方法，让更多的人不需要再爬这样的小坑。 解决方法 原理很简单，就是定义一个外框把页面包 ...
分类：
移动开发 时间：
2020-04-04 22:45:05
阅读次数：
102
