<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } .test{ position:fixed; left:50px; top:50px; wid ...
分类：
其他好文 时间：
2020-07-24 22:05:51
阅读次数：
74
（67，68，69） 目录 一、python八大元素定位 正文 一、python八大元素定位方式 id、name、class_name、tag_name、link_text、partial_link_text、xpath、css_selector 1.元素定位 得到的返回值是一个webelement ...
分类：
其他好文 时间：
2020-07-24 09:17:51
阅读次数：
264
步骤 1 : 一个div始终贴在下方 首先把蓝色div设置为相对定位然后把内部的绿色div设置为绝对定位， bottom: 0表示贴在下面 <style> #div1 { position: relative; height: 300px; width: 90%; background-color: ...
分类：
Web程序 时间：
2020-07-15 23:43:28
阅读次数：
92
要实现的效果：如果上面元素较少，提交按钮在屏幕底部，如果上面元素较多，接近一屏，或者超过一屏，按钮随之下移。 需要以下几点： 1、按钮和上面元素在一个div中，父div相对定位，需要居底的div绝对定位。 2、父div min-height: 100vh。 3、父div设一个伪类，伪类设置一定高度， ...
分类：
Web程序 时间：
2020-07-15 15:32:18
阅读次数：
425
一、前端阻止冒泡事件 举例：button里面有个span标签，button和span都绑定了点击事件，点击span不会触发button的点击事件 思路：阻止冒泡到上一层 在内部标签span中加入：event.stopPropagation(); 二、将项目打包并安装在当前环境中 将本地python项 ...
分类：
Web程序 时间：
2020-07-13 18:48:18
阅读次数：
119
y开始使用的解决方案是使用聚堆定位，在onShow中获取元素距离顶部的距离，然后监听页面滚动，当滚动的距离大于距离顶部的距离时就让他绝对定位 Page({ data: { // 区域里顶部的距离吧 fixTop: 0, // 滚动的距离 scrollTop: 0, isFixed: false }, ...
分类：
微信 时间：
2020-07-13 12:04:50
阅读次数：
201
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", ...
分类：
Web程序 时间：
2020-07-10 19:30:02
阅读次数：
91
1、css 避免过多样式嵌套 避免使用css表达式 使用绝对定位可以让动画元素脱离文档流（给动画元素做单独定位） 避免使用table布局（会引起多次重绘） 尽量不适用float布局 图片最好设置好width和height 尽量简化浏览器不必要的任务，减少页面重新布局 使用viewpoint设置屏幕缩 ...
分类：
其他好文 时间：
2020-07-08 01:39:47
阅读次数：
91
目录 水平居中 行内元素 块级元素 方案一：(分宽度定不定两种情况) 方案二：使用定位属性 方案三：使用flexbox布局实现（宽度定不定都可以） 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一：使用定位属性 方案二：使用flex ...
分类：
Web程序 时间：
2020-07-05 23:12:37
阅读次数：
99
创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类：
Web程序 时间：
2020-07-05 00:17:01
阅读次数：
77
