CSS Position（定位）： static定位： HTML元素的默认值， 没有定位，元素出现在正常的流中 静态定位的元素不会受到top,bottom,left,right影响 Fixed定位: 元素的位置相对于浏览器窗口固定 即便串口滚动元素也不滚动 注： Fixed 定位在 IE7 和 IE ...
分类：
Web程序 时间：
2019-09-08 09:58:34
阅读次数：
128
UI自动化之元素定位(xpath、css) 很早之前就已经写过自动化了，不过点着功能久了就会容易忘记元素定位，尤其是xpath和css定位，所以就花点时间做下总结收集。 xpath有两种定位： 一.绝对路径（不推荐使用，除非已经使用了所有方式仍然无法定位）方法：根据实际目录，逐层输写。例子： fin ...
分类：
Web程序 时间：
2019-08-30 18:52:20
阅读次数：
191
一、浮动定位实现的效果 二、使用float实现浮动定位 三、使用clear属性清除浮动定位 四、浮动定位的应用（布局） 一、浮动定位实现的效果 （一）、块元素（div）在文档流中默认垂直排列，如果希望块元素在页面中水平排列，可以使块元素脱离文档流（使用float使元素浮动） 元素浮动脱离文档流之后， ...
分类：
Web程序 时间：
2019-08-20 20:36:27
阅读次数：
137
CSS Position(定位) fixed 定位： 属于绝对定位，元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动： 与top、left、right、bottun连用 默认位置x，y轴为0px，0px 左上角。 relative 定位： 相对定位 相当于自身定位 自身位置不消失， ...
分类：
Web程序 时间：
2019-08-16 20:46:46
阅读次数：
107
主要写关于层定位的相关知识 ㈠定位概述 ⑴像图像软件中的图层一样可以对每一个layer能够精确定位操作 ⑵层定位的position属性决定了当前的一个网页元素，可以叠加到另一个网页元素上面，那么我们把这个网页元素称为一层，那么外面的元素称为父层，里面嵌入的元素称为子层 ⑶position属性 （相对 ...
分类：
Web程序 时间：
2019-07-28 00:03:50
阅读次数：
459
CSS定位机制Ⅱ——浮动定位 float属性：进行浮动定位 left，right clear属性：清除浮动 left，right，both ㈠ float属性 1.概述 ⑴div实现横向多列布局 ⑵float属性 left——左浮动 right——右浮动 none——不浮动 下图为代码的实现： ㈡ ...
分类：
Web程序 时间：
2019-07-27 09:25:28
阅读次数：
151
关于CSS的定位机制Ⅰ ㈠概念 对于盒子模型来说，也就是页面元素，这些盒子究竟在页面的什么位置，怎样排列它，那么找到它的位置，确定它的位置，这个就是定位机制所决定的。 ㈡分类 文档流， 浮动定位，层定位 ㈢三种类型定位的功能 ⑴文档流定位（flow） 默认 我们不需要额外的设置，每种元素它们在当前的 ...
分类：
Web程序 时间：
2019-07-27 00:06:47
阅读次数：
192
相对 绝对 固定 一: 相对定位 相对定位:相对于自己原来的位置定位 特性： 1.不脱标 2.形影分离 3.老家留坑 所以说相对定位 在页面中没有什么太大的作用。影响我们页面的布局。我们不要使用相对定位来做压盖效果 用途： 1.微调元素位置 2.做绝对定位的参考（父相子绝）绝对定位会说到此内容。 参 ...
分类：
Web程序 时间：
2019-07-16 08:15:49
阅读次数：
190
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:sticky粘性定位 sticky是css定位中不太常用的一种定位，但是可以根据粘性定位的特性 在页面中达到你想要的效果。 像是某些网站，在主导航栏下面还会有副导航栏，要实现页面往下拉，副导航栏一直定位在页面顶部，除了可以用js监听onscroll事件来实现，还可以通过sticky ...
分类：
Web程序 时间：
2019-06-24 12:35:24
阅读次数：
239
