position的取值主要有如下图： 官方给出的总是不那么容易懂得，所以有了以下简洁易懂的总结： relative：定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）。设置了relative的元素仍然处于文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。最外层容器设 ...
分类：
Web程序 时间：
2019-05-24 00:55:51
阅读次数：
172
1. 关于定位 我们可以使用 css 的 position 属性来设置元素的定位类型 postion 的设置项如下 | 设置项 | 释义 | | | | | relative | 生成相对定位元素元素所占据的文档流的位置不变元素本身相对文档流的位置进行偏移 | | absolute | 生成绝对定位 ...
分类：
Web程序 时间：
2019-05-03 14:36:24
阅读次数：
175
1. 文档流 指盒子按照 html 标签编写的顺序依次从上到下，从左到右排列 块元素占一行 行内元素在一行之内 从左到右排列 先写的先排列 后写的排在后面 每个盒子都占据自己的位置 2. 浮动的特性 1. 浮动元素有左浮动(float:left)和右浮动(float:right)两种 2. 浮动的元 ...
分类：
Web程序 时间：
2019-05-03 14:23:45
阅读次数：
135
<div class="right"></div> <div class="left"></div> *{ padding: 0; margin: 0; } .right{ position: absolute; /*成了行级块元素，脱了文档流，那么它后面的兄弟会补位上去*/ right: 0; w ...
分类：
Web程序 时间：
2019-05-03 09:50:59
阅读次数：
325
定位 三种定位 可以使标准流脱离的定位：绝对定位,固定定位。 相对定位 属性值:relative(相对的) 权当我复习了一边英语单词。 下面是我对于相对定位的理解： 绝对定位在某种程度上相当于灵魂出窍(脑洞大开),也就是说那些被我们通过偏移量所移动的元素,他们的灵魂仍在原来的位置,我们所看到的是实体 ...
分类：
其他好文 时间：
2019-04-29 19:29:37
阅读次数：
283
【UC浏览器】video标签脱离文档流 场景：<video>标签的父元素(祖辈元素)设置transform样式后，<video>标签会脱离文档流。 测试环境：UC浏览器 8.7/8.6 + Android 2.3/4.0 。 Demo：http://t.cn/zj3xiyu 解决方案：不使用tran ...
分类：
移动开发 时间：
2019-04-24 16:03:30
阅读次数：
245
实现鼠标经过 你好 显示 我一点也不好 的效果方法： 首先使用display：none 隐藏要显示的菜单栏元素，当鼠标经过一个元素时将它的display改成block。 鼠标经过one元素时怎么选择two元素的问题： 1.当两个p元素为包含关系时，选择器应该这样写.one：hover .two 2. ...
分类：
Web程序 时间：
2019-04-21 00:16:50
阅读次数：
219
document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法，它能够直接在文档流中写入字符串，一旦文档流已经关闭，那document.write就会重新利用document.open打开新的文档流并写入，此时原来的文档 ...
分类：
其他好文 时间：
2019-04-11 16:25:00
阅读次数：
110
div{ position:absolute; //使DIV块脱离文档流 transition:left 1s linear,top 1s linear; } var target=document.getElementById("div"); target.style.left="0px"; ..... ...
分类：
Web程序 时间：
2019-04-04 14:16:46
阅读次数：
175
文档流： 文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列。块元素占一行，行内元素在一行之内从左到在排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 关于定位： 可以使用css的position属性来设置元素的定位类型，position设置项如下： （1）relat ...
分类：
Web程序 时间：
2019-03-31 09:59:32
阅读次数：
275
