效果如图： 首先，选择元素是一个行元素，span之类的，在行元素内部嵌一个空的<i>标签,将行元素转成块元素，把空间撑起来，再给<i>标签设置背景图片，定位。这个地方，父元素，即行元素要设置成相对定位，<i>标签则设置成绝对定位。 cssdai ...
分类：
其他好文 时间：
2016-08-15 12:49:10
阅读次数：
123
1、position：fixed锁定位置（相对于浏览器的位置）滚动条移动时，加position：fixed的标签不动。2、position：absolute绝对定位 2.1外层没有position:absolute（或relative）;，那么div相对于浏览器定位。 2.2外层有position: ...
分类：
其他好文 时间：
2016-08-13 22:38:45
阅读次数：
187
在css的绝对定位问题中如果绝对定位的元素没有最近已定位的父元素，那么它相对与初始包含块进行定位。其中初始包含块是是呢？body? html? viewport? 如图所示： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http- ...
分类：
Web程序 时间：
2016-08-13 22:27:16
阅读次数：
629
第一篇链接：http://www.zhangxinxu.com/wordpress/2010/12/css-%E7%9B%B8%E5%AF%B9%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D%E7%B3%BB%E5%88%97%EF%BC%88%E4%B8%80%EF%BC ...
分类：
Web程序 时间：
2016-08-11 13:04:24
阅读次数：
194
层模型的三种形式：绝对定位，相对定位，固定定位 一、绝对定位：（position：absolute） 绝对定位就是将元素从文档中拖出来，然后使用left，right，bottom，top属性相对于其最接近的一个具有定位属性的父包含块进行定位，若不存在包含块，就像对于body元素定位，也就是浏览器窗口 ...
分类：
Web程序 时间：
2016-08-10 12:53:09
阅读次数：
183
html 语义化，符合标准，减少嵌套层数，加快浏览器DOM解析速度 css 合并，压缩 少写冗余css代码，使用精灵图 ... js 减少DOM操作，使用变量缓存数据，少用全局变量，做动画的元素都绝对定位... ...
分类：
其他好文 时间：
2016-08-08 21:08:16
阅读次数：
156
垂直水平居中是日常前端开发当中一个常见的需求，在支持 CSS3 属性的现代浏览器当中，有一个利用 CSS3 属性的垂直水平居中方法： position absolute; :; :; :translate; :translate; :translate; :translate; } 例子传送门（请用 ...
分类：
其他好文 时间：
2016-08-08 12:11:50
阅读次数：
156
一、定位类型（position值static（默认值）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）） 1.静态定位：表示正常定位方案 2.相对定位：将移动元素盒子，但是它在文档流中的原始空间会保留下来 3.绝对定位：是指元素盒子彻底从文档流中脱离，相对于容器块 ...
分类：
其他好文 时间：
2016-08-06 20:36:50
阅读次数：
129
一、浮动模型 元素默认是static的，不能浮动，但可以用CSS样式设置为浮动 浮动模型只有两个值 float:left 和 float:right ，可以让块状元素同行显示 二、层模型 top/bottom/left/right是层模型的值，即是绝对定位、相对定位和固定定位的值 <!--不要和浮动 ...
分类：
Web程序 时间：
2016-08-06 17:23:37
阅读次数：
230
