父对象相对定位,子对象以父对象为参考点绝对定位;外层的div设置为相对定位,内层的div设置为绝对定位; ...
分类:
其他好文 时间:
2017-04-11 17:19:04
阅读次数:
233
水平居中 .child{ width:100px;margin:0 auto } 注意:子元素要有宽度才可以使用 .child{ display:table; margin:0 auto; } 普通子元素在父元素中 .parent{ text-align:center } .child{ displ ...
分类:
Web程序 时间:
2017-04-10 16:55:28
阅读次数:
154
上面我们一起研究了浮动布局的特点和如何清除浮动给布局带来的不良影响,今天我们继续来研究定位流布局的特点和一些常用的布局技巧。 定位流主要有三种,一是相对定位,二是绝对定位,三是固定定位;下面我们一一进行分析。 相对定位 相对定位就是相对于自己以前在标准流中的位置来移动; 写法: 示例程序: ps: ...
分类:
Web程序 时间:
2017-04-10 00:46:36
阅读次数:
319
1、绝对定位是不占用页面的结构的。 固定定位:(不管页面怎么拖动,图片永远都停留在屏幕的同一位置) Position:fixed; 相对定位: Position:relative; 相对定位会在页面占据位置,是相对于以前的位置进行了改变。 它是“想当年”定位。 总结:绝对定位相当于是一种特殊的浮动。 ...
分类:
其他好文 时间:
2017-04-09 11:41:30
阅读次数:
219
用css做出来一个三角形 <!--不设置宽高 转换行内块 边线设置成宽度--> <div class="triangle"> 三角形复习<span></span></div> /* 相对定位*/ .triangle { position: relative; } /* 绝对定位*/ .triangl ...
分类:
Web程序 时间:
2017-04-09 11:34:23
阅读次数:
214
css中字体单位px,pt,em ,rem,百分比之间的区别和用法 px 即像素,一般国内网站使用较多,默认大小是16px; pt 印刷行业常用单位 em 相对单位,相对父元素属性的单位 ,一般用于移动端布局 rem 结合相对定位和绝对定位的优势,相对根元素html,想要修改字体大小,只要修改htm ...
分类:
Web程序 时间:
2017-04-09 10:30:15
阅读次数:
778
定位层,在一些情况下,元素随机摆放,在文档层和浮动层中布局已经远远无法满足需求,这时,我们将会使用定位属性。 在一般的页面中,常用到的定位有三种 相对定位、绝对定位、固定定位。接下来我们一一了解一下这三种定位。 相对定位(position:relative;),当一个元素具有相对定位时,该元素将可以 ...
分类:
Web程序 时间:
2017-04-08 18:49:23
阅读次数:
210
position有5种可能的值(W3c的解释如下) 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 "le ...
分类:
其他好文 时间:
2017-04-08 10:04:20
阅读次数:
242
之前如果做过Web前端页面的小伙伴们,看到绝对定位和相对定位并不陌生,并且使用起来也挺方便。在IOS的UI设计中也有绝对定位和相对定位,和我们的web前端的绝对定位和相对定位有所不同但又有相似之处。下面会结合两个小demo来学习一下我们IOS开发中UI的绝对定位和相对定位。在前面的博客中所用到的UI ...
分类:
移动开发 时间:
2017-04-02 18:34:17
阅读次数:
260