XeonWell Studio

使用方法: 给需要修正浮动的层的class属性加上clearfix

.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{ display:inline-block;}
html[xmlns] .clearfix{ display:block;}
* html .clearfix{ height:1%;}

清除"闭合(清除)浮动"的方法，主要是一下四种：
1. 额外标签法
2. 使用after伪类
3. 设置overflow为hidden或者auto
4. 浮动外部元素，float-in-float

CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。

一、单行内容的居中
只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了
复制内容到剪贴板
代码:
.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}

屏蔽IE浏览器（也就是IE下不显示）
*:lang(zh) select {font:12px !important;} /*FF的专用*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。
仅IE7识别
*+html {…}
当面临需要只针对IE7做样式的时候就可以采用这个HACK。
IE6及IE6以下识别
* html {…}
这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。

大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！
对于div
1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}