关于圣杯布局，我个人觉得比双飞翼要简单一些，和双飞翼不同的是，圣杯布局用了padding和相对定位来实现双飞翼布局的效果，而嵌套关系也不太一样，圣杯布局是把middle、left、right放在container里面写，而双飞翼是把container放在middle里面。 圣杯布局的样式大概是这个样 ...
分类：
其他好文 时间：
2018-12-17 16:04:55
阅读次数：
197
１、相对定位 被看作普通流定位模型的一部分，定位元素的位置相对于它在普通流中的位置进行移动。使用相对定位的元素不管它是否进行移动，元素仍要占据它原来的位置。移动元素会导致它覆盖其他的框。 ...
分类：
Web程序 时间：
2018-12-14 10:24:04
阅读次数：
193
1. 相对定位 relative : 相对于自身原始位置定位; * 移动后的盒子浮动起来, 但依然保留原来的位置， 不会影响相邻的元素, 2.absolute 绝对定位： 元素浮动之后， 原有的位置被占有；如果祖先元素有定位， 则一祖先元素为定位基准， 如果没有， 以浏览器为基准； 3. fixed ...
分类：
其他好文 时间：
2018-12-07 11:51:20
阅读次数：
164
CSS定位： 相对定位 position: relative 参照物：相对元素原来的位置进行偏移。 绝对定位 position:absolute 参照物：往上级元素逐层查找，直到找有position属性的元素，以有position属性的元素为参照物来偏移，如果一直没有position属性的元素，则以 ...
分类：
Web程序 时间：
2018-11-26 00:06:09
阅读次数：
131
1px的边框实现思路： 给准备加1px的元素相对定位 给该元素加一个伪元素，给伪元素一个绝对定位 然后把元素的宽高按照dpr相对应的倍数等比例缩放。（css3中的transfrom：scale（）） 下边用stylus实现移动端的1像素边框： ...
分类：
移动开发 时间：
2018-11-15 22:36:22
阅读次数：
275
static ①元素的位置是在文档正常布局流中的位置。 ②设置top right bottom left与z-index无效。 ③在未指定position时，static是默认值 以下例子进行说明： 运行结果： 结果说明： relative (相对定位) ① 元素先放置在未添加定位时的位置（即文档正 ...
分类：
Web程序 时间：
2018-11-15 17:12:27
阅读次数：
149
定位：1、静态定位--static；按照标准文档流进行布局； 2、相对定位--relative；相对自身；以自身的坐上角（坐标点）为参考；会保留原来的位置不被其他元素侵占； 3、绝对定位--absolute；参考的是页面的左上角；绝对定位位置不会被保留； 如果父级有定位，则参考父级的坐标点；如果父级 ...
分类：
其他好文 时间：
2018-11-14 21:00:14
阅读次数：
146
定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： top、bottom、left、right 特性： 1. ...
分类：
Web程序 时间：
2018-11-13 21:42:58
阅读次数：
197
position属性 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left" ...
分类：
Web程序 时间：
2018-11-11 19:13:51
阅读次数：
1230
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2018-11-10 14:57:35
阅读次数：
195
