我们先来看看CSS3 Api中对position属性的相关定义：static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过...
分类：
Web程序 时间：
2015-04-03 17:09:59
阅读次数：
162
一，三栏布局1，两边栏宽度固定值，中间栏宽度自适应（1）绝对定位法【关键点】1，绝对定位从普通文档流中脱离出来，中间元素可以不用考虑左右定位元素占的位置2，左右栏绝对定位到确定的位置上，（absolute，left，right）3，中间栏左右外边距设置为左右栏的宽度，因此自身宽度就自适应的变成了窗口...
分类：
其他好文 时间：
2015-04-01 19:09:19
阅读次数：
244
css有三种布局定位1.流式布局这是默认的布局方式，也叫标准文档流。页面标签元素自左向右，自上而下排布。行内元素自左向右，块级元素自上而下。2.浮动布局--float属性3个属性值：left，right，none特点：元素会左移或者右移，知道碰到容器为止设置浮动属性的元素依然处在标准文档流中，会对相...
分类：
Web程序 时间：
2015-03-30 18:34:47
阅读次数：
155
1.定位： position：relative(相对) 不影响元素本身的特性； 不使元素推理原来文档流；还占有所在的位子。 定位元素控制：top/right/bottom/left 定位元素偏移量。 absolute（绝对定位） 使元素脱离文档流， 使内嵌元素支持...
分类：
Web程序 时间：
2015-03-29 18:00:09
阅读次数：
131
CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍，看过不少文章， 看到所多的是零碎的CSS布局基本知识，比较表面。看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值...
分类：
Web程序 时间：
2015-03-21 22:50:18
阅读次数：
262
转自：http://www.cnblogs.com/houyulei/archive/2011/12/16/2290229.html因为浮动框不在普通的文档流中，所以它不占据空间。如下面的代码：.news { border:1px solid black;}.news img { float:le....
分类：
Web程序 时间：
2015-03-18 17:36:27
阅读次数：
170
本篇文章由：http://xinpure.com/difference-between-displaynone-and-visibilityhidden/区别分析首先我们都知道，display: none 和 visibility: hidden 都可以起到隐藏元素的功能两者的区别在于占用文档流的不...
分类：
其他好文 时间：
2015-03-17 23:31:10
阅读次数：
284
1. Zepto 对象 不能自定义事件 例如执行： $({}).bind('cust', function(){});结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象： 例如： $('').b...
分类：
Web程序 时间：
2015-03-15 23:36:41
阅读次数：
280
浮动的工作原理浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框则停留。浮动元素可能引起的问题1.父元素的高度无法被撑开，影响与父级元素同级的元素2.与浮动元素同级的非浮动元素会跟随其后3.若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面的显示结构清除浮动有什...
分类：
Web程序 时间：
2015-03-15 19:35:42
阅读次数：
175
