先介绍一下position 属性值的含义： 相对定位relative： 相对定位,就是微调元素位置的.让元素相对自己原来的位置,进行位置的微调，比如relative生成相对定位的元素，也就是说top或者left(或者bottom，right)的改变是相对其自己的位置进行定位的. 也就是说,如果一个盒 ...
分类：
Web程序 时间：
2018-09-22 21:57:34
阅读次数：
158
一.关于上篇博客的回顾 1.定位 (1).相对定位 ①.参考点:相对原来的位置 ②.特性: a.如果一个标准文档流的盒子,仅仅设置了相对定位,与普通盒子一样 b.设置相对定位之后,如果调整位置,会"留坑" ③.作用: a.微调元素 b.子绝父相的参考 c.提升层级(不建议) (2).绝对定位 ①.参 ...
分类：
其他好文 时间：
2018-09-21 23:13:25
阅读次数：
282
学习前端知识到现在以来，自己学到了哪些东西，觉得哪些知识点难呢？ HTML方面，目前就是对一些标签很熟悉，p h div ul li css方面，大的方面在我看来就是盒模型，浮动（清除浮动），定位（相对定位，绝对定位，固定定位），盒模型里面主要是margin，padding值的问题，这个margin ...
分类：
其他好文 时间：
2018-09-13 01:09:59
阅读次数：
199
position 定位 指将原始摆放到页面的任意位置。 继承性：no 默认值：static 没有定位，原始出现在正常的文档流中 可选值： static : 默认值，元素没有开启定位 relative : 开启元素的相对定位 absolute : 开启元素的绝对定位 fixed : 开启元素的固定定位 ...
分类：
其他好文 时间：
2018-09-08 19:59:02
阅读次数：
124
一、position属性 1、relative（相对定位） 相对它原来的位置，通过指定偏移，到达新的位置。 扔在标准流中，它对父级盒子和相邻的盒子都没有任何影响。 看下面的例子： 效果： 然后分别给第一个和第二个盒子添加定位： 效果： 观察上面的截图会发现：第一个和第二个盒子分别相对于原来的位置进行 ...
分类：
Web程序 时间：
2018-09-01 12:28:15
阅读次数：
275
孔子说：“温故而知新，可以为师矣。”这几天参加了一个免费的前端课，每天晚上都有直播，讲解一个独立的案例。在听前端基础的时候，发现自己有不少东西没学会，平时在学校虽说html也写了不少，但有好大一部分都被忽略掉了。就在刚才看了一个基础案例，很是有共鸣，一个简单的轮播图，牵扯到的东西实在是多。不得不说， ...
分类：
Web程序 时间：
2018-08-24 20:47:17
阅读次数：
1104
垂直居中： 1，单行文本，行高等于高，即line-height等于父级的高； 2，多行文本，父级设置相对定位：position:relative，子集设置绝对定位,position:absolute;先定位到50%的位置，即top:50%, 在往上提自身的50%，即margin-top:-自身高度的 ...
分类：
Web程序 时间：
2018-08-19 23:21:55
阅读次数：
240
html中的定位体系 一、 分类 1、常规流static 2、浮动float 3、相对定位relative 4、绝对定位absolute 5、固定定位fixed 二、使用时的区分 在网页布局中，常常都会使用到这5中定位方式 ，总体分为三大类：静态static、浮动float、绝对定位（relativ... ...
分类：
Web程序 时间：
2018-08-19 23:19:21
阅读次数：
249
本篇主要介绍css的常用样式，以及网页布局相关知识、绝对定位和相对定位，盒子模型、css权重、以及css选择器； 一、CSS载入方式 二、CSS选择器 三、浮动 四、相对地址和绝对地址 五、CSS显示特性-display 六、CSS元素溢出 七、CSS权重 ...
分类：
Web程序 时间：
2018-08-17 23:24:55
阅读次数：
198
一、首先我们来看看定位的兼容性，当然是在IE6、7但是现在大多数公司都已经不考虑了 我们就作为一个了解吧： 1、在IE67下,子元素有相对定位的话,父级的overflow:hidden包不住子元素 解决办法: 给父级也加相对定位 2、在IE6下绝对定位元素的父级宽高是奇数的时候，元素的right值和 ...
分类：
Web程序 时间：
2018-07-31 19:17:13
阅读次数：
216
