三种定位 1. static 默认定位，基于文档流 (left,right,top,bottom,z-index对他没用) 2. relative 相对定位，这个元素基于原来的位置可以用l-r-t-b 来移动,原来的位置依然站着 3. absolute 绝对定位 ，脱离文档流 relative和ab
分类：
其他好文 时间：
2016-01-28 17:06:30
阅读次数：
258
绝对定位 有点像 float:left; 有包裹性 和 破坏性但是绝对定位会脱离文档流，高度没了，宽度也没了，绝对元素会层叠到一起position：absolute的块状元素会与float 元素重合，而行内元素不会img{float:left;} div{position: absolute;}.....
分类：
其他好文 时间：
2016-01-26 18:03:56
阅读次数：
125
浮动定位可以是原本垂直排列的块级元素，变成水平排列1浮动元素 float:left 或者float:right 这些浮动会直接碰到父容器的边界为止。2设置了浮动的元素，元素会脱离标准文档流中，但是元素内容会仍然占据文档流中的空间 float定位 float:left 测试测试测试测试测试测试...
分类：
Web程序 时间：
2016-01-23 21:14:24
阅读次数：
173
圣杯布局和双飞翼布局解决的问题是一样的，就是两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。圣杯布局和双飞翼布局解决问题的方案在前一半是相同的，也就是三栏全部float浮动，但左右两栏加上负margin让其跟中间栏div并排，以形成三栏布局。不同在于解决”中间栏div内容不被遮挡...
分类：
其他好文 时间：
2016-01-21 06:54:57
阅读次数：
136
1. Zepto 对象 不能自定义事件 例如执行： $({}).bind('cust', function(){});结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象： 例如： $('').b...
分类：
Web程序 时间：
2016-01-20 22:35:17
阅读次数：
268
文档流 我相信，在大家刚学css的时候，一定对这个名词熟悉而又陌生。在查阅了相关资料后，总结了下对文档流的认识。 文档流定义：将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流 每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的一端. 若当时行容不下, 则另起新行再浮....
分类：
Web程序 时间：
2016-01-12 21:27:09
阅读次数：
121
其实理解CSS的定位的时候多看看定义可以消除很多疑虑：盒模型的四种定位方式：static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。absolute...
分类：
Web程序 时间：
2016-01-10 16:58:40
阅读次数：
178
流顺序： 元素按照 HTML 中顺序，自上而下，自左至右，在窗体中排放CSS2.1 中 position 定位的方案： 常规流： 块级元素、行内元素、相对定位 浮动 绝对定位： absolute、fix属性 position 值 static —— 默认值，元素不被特殊定...
分类：
其他好文 时间：
2016-01-09 18:40:27
阅读次数：
191
元素脱离文档流之后，相当于农民伯伯被没收了土地，但是还是有户口的，仍然是国家的公民，脱离文档流的元素仍然在dom树结构中。其占据的空间被其他元素使用，两者重叠都是可以的。从知乎来搬来的，以防源文件被删著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：张秋怡链接：https:/...
分类：
Web程序 时间：
2015-12-30 13:30:02
阅读次数：
963
今天看到了这样一道题用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化自己感觉有好几种方法，再此总结下：一、使用position：absolute方法，因为把元素设置为absolute，那元素就脱离了文档流，后面的元素就会占据他原来的位置：无标题文档...
分类：
其他好文 时间：
2015-12-29 22:35:27
阅读次数：
305
