浮动与清除浮动, 意思就是把元素从常规的文档流中拿出来.拿出来干什么? 一是可以实现传统出版物上那种文字围绕图片的效果, 二是可以让原来从上往下罗列(堆叠)的块级元素, 变成左右并列, 从而实现分栏布局.浮动和清除是用来组织页面布局的一柄利剑,这柄利剑的剑刃就是float和clear属性.浮动元素脱...
分类：
其他好文 时间：
2014-06-14 18:04:39
阅读次数：
240
compass 中一些常用api 包括一些浏览器hack @import
"compass/utilities/general" Clearfix Clearfix 是用来清除浮动 float 造成的内容问题,以前用clear
方法可以解决,通过查看Clearfix 的源码发现对与高版本的浏览器其实...
自适应布局1、适应场景是：左右两列，一列设置浮动和设置宽度，另一列不需要设置浮动和宽度，只需设置overflow:hidden，就可以实现左右两列自适应。原理（BFC，清除浮动原理）伪类与伪对象在官方文档中伪类用classify来描述，而伪对象用create。从这里我们就能明白它们的区别：伪对象则代...
分类：
Web程序 时间：
2014-06-03 14:13:04
阅读次数：
307
空标签方式：（每次都要添加空div）.clearfix{clear:both;}BFC方式：（局限性：不能有谈层）.clearfix{*zoom:1;overflow:hidden;}伪元素方式：.clearfix{*zoom:1;}.clearfix:after{display:block;cle...
分类：
Web程序 时间：
2014-06-03 13:54:02
阅读次数：
305
浮动(float)在网页布局中随处可见，通过浮动，我们能很方便地布局，但浮动之后遗留下来太多的问题需要解决，特别是IE6-7浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？下面将一步一步地深入剖析其中的奥秘，让浮动使用起来更加得心应手。一、清除浮动还是闭合浮动
（Enclosing f...
分类：
其他好文 时间：
2014-06-02 18:14:58
阅读次数：
272
1.清除浮动下面是两种常用的方式，而这两招也够用了(不用千招会，只需一招精)。1.结尾处加空div标签clear:both
Left Right 缺点：每次清除浮动都加空div，影响了HTML的结构，例如如果要算div的个数，都会被影响到。2.父级div定义伪类:after...
分类：
Web程序 时间：
2014-05-31 20:02:28
阅读次数：
332
总结一下大家在开发过程中遇到的浮动问题，如何清除浮动的技巧。...
分类：
其他好文 时间：
2014-05-26 03:38:37
阅读次数：
451
我们在页面布局时，基本上都避免不了使用float，但由此也会引发一些问题，尤其是在容器高度不固定时，此时它的高度完全是由内部的元素撑开的。如果内部元素还是浮动的，那么由于内部的元素脱离了文档流，父容器就不能被撑开了。如果父容器设置的有背景或者边框的话，此时就不能正常显示了，另外，父容器下边的其他容器...
分类：
其他好文 时间：
2014-05-24 00:43:38
阅读次数：
281
1. 空div1
.clear{height:0;clear:both;overflow:hidden;}就是直接一个(当然标签也可以是br、p，class名称也可以自由定义)当作最后一个子标签放到父标签那儿，此方法屡试不爽，兼容性强，使用方便，是初学时使用的上佳之选。但是同时也看到了巨大的浪费，....
分类：
Web程序 时间：
2014-05-14 09:02:32
阅读次数：
348
前一个元素设置浮动了紧挨着的元素就浮动在上个元素的下面被上个元素给覆盖要不想被覆盖
要清除浮动clear:left clear:right左浮元素不覆盖 右边元素不覆盖clear:both; Document Header Content
...
分类：
Web程序 时间：
2014-05-13 19:12:13
阅读次数：
357
