固定层的作用
内容不随页面滚动
应用范围
一般用于头部导航/底部导航/页面中间导航(京东的宝贝详情页有用到,看图)
小伙伴们可以去京东随便打开一个宝贝看看..制作预备知识:
DIV+CSS基础
Position的四个参数作用,这里主要用到fixed属性
Tips:
fixed和absolute都是脱离文档流的
区别:absolute会随页面滚动而fixed不会
absolute的父级元素若是使用了...
分类：
Web程序 时间：
2015-05-28 12:37:20
阅读次数：
206
css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。负边距在普通文档流中的作用和效果那些没有脱离文档流的元素（指不是浮动元素...
分类：
Web程序 时间：
2015-05-27 13:48:38
阅读次数：
205
CSS positionstatic 默认值，没有定位。元素框正常生成。块级元素生成一个矩形框，作为文档流(normal flow)的一部分，行内元素则会创建一个或多个行框，置于其父元素中。top,right,bottom,left,z-index属性无效。 W3C这样描述： ...
分类：
Web程序 时间：
2015-05-25 23:46:03
阅读次数：
200
有2中实现方法：1、设置display:block inline-block，使其width属性生效2、如果设置float:left | right, 使其width属性生效.(浮动)使得指定元素脱离普通的文档流而产生的非凡的布局特性。并且FLOAT必需应用在块级元素之上，也就是说浮动并不应用于内....
分类：
Web程序 时间：
2015-05-22 15:00:16
阅读次数：
108
css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。负边距在普通文档流中的作用和效果那些没有脱离文档流的元素（指不是浮动元素...
分类：
Web程序 时间：
2015-05-21 23:55:42
阅读次数：
187
我们都知道float在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。元素浮动之后，它脱离当前正常的文档流，所以无法撑开其父元素，造成父元素的高度塌陷。如下的代码就是li向左浮动后，ul高度坍陷，所以border就显示为一条线。代码、效果如下： 1 2 3...
分类：
其他好文 时间：
2015-05-19 00:39:29
阅读次数：
121
原文从一个简单的问题谈起：1 输出结果是undefined, 这种现象被称成“预解析”：JavaScript引擎会优先解析var变量和function定义。在预解析完成后，才会执行代码。如果一个文档流中包含多个script代码段（用script标签分隔的js代码或引入的js文件），运行顺序是：1 s...
分类：
Web程序 时间：
2015-05-17 23:24:08
阅读次数：
173
