相信不少人做移动端项目的时候都会遇到position:fixed 的坑。下面提供一个解决方法，不用引入任何其他的js库，纯css解决。解决问题的关键就是：fixed元素内部必须嵌套一个position:absolute元素，用来装载内容，目的就是为了让内容脱离fixed文档流，屏蔽一些fixed的坑...
分类：
移动开发 时间：
2015-03-11 12:53:23
阅读次数：
176
概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。层级关系的比较1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素，position不为static且z-index存在的情况下z-in...
分类：
Web程序 时间：
2015-03-07 21:11:35
阅读次数：
143
1, 浮动框(float)会使得元素脱离文档流, 因此不占用文档空间; 因此当一个Div的子元素都为float时会导致该Div高度为0, 这一问题称为"高度塌陷"为了解决这个问题我们可以在该Div后面添加一个样式#main:AFTER { display: block; clear: b...
分类：
Web程序 时间：
2015-03-07 18:38:04
阅读次数：
152
css定位技术，在网页设计开发中有着很重要的作用。有许多的案例都可以用到它。比如说二级菜单，弹窗，图片轮播等等。现在我来总结一下它的使用。css定位属性是position,它有如下的几种属性值：1：static:(默认值)无特殊定位，对象遵循正常文档流。top，right，bottom，left等属..
分类：
Web程序 时间：
2015-03-05 17:23:06
阅读次数：
158
一、BFC是什么？BFC（Block Formatting Context）直译为“块级格式化范围”。其一般表现规则，我整理了以下这几个情况：1、在创建了 Block Formatting Context 的元素中，其子元素按文档流一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的...
分类：
其他好文 时间：
2015-03-03 21:56:31
阅读次数：
173
浮动元素脱离了文档流，其父元素看不到它了，因而不会包围它。浮动会“扩散”到下一个清除浮动的元素处。这会引起不想要的页面布局效果。 清除浮动的方法有三种： 1、父元素overflow:hidden 2、同时浮动父元素 3、添加清除浮动元素。 1、父元素overflow:hid...
分类：
Web程序 时间：
2015-03-03 20:24:24
阅读次数：
139
写html，css的同学应该需要清楚什么是文档流。文档流：将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。 每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的一端. 若当时行容不下, 则另起新行再浮动。内联元素也不会独有一行. 一切元素(包括块级,内联和列表元素)均...
分类：
Web程序 时间：
2015-03-01 23:48:51
阅读次数：
182
/*JS代码预解析、变量作用域、作用域链等应该能作为学习JS语言的入门必备知识。下边给出些简要解释和一些典型的代码段，若要了解更多，能从网上搜索到更多相关示例。引用网上的一段有关“JS的执行顺序”的解释：如果一个文档流中包含多个script代码段（用script标签分隔的js代..
分类：
Web程序 时间：
2015-02-28 11:35:36
阅读次数：
130
如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏...
分类：
其他好文 时间：
2015-02-13 14:47:08
阅读次数：
145
如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位...
分类：
其他好文 时间：
2015-02-13 14:41:28
阅读次数：
226
