二十七、 清除浮动
clearfix:after {content:”.”; display:block; height:0; clear:both; visibility:hidden;}
在Firefox中,当子级都为浮动时,那么父级的高度就无法完全的包住整个子级,那么这时用这个清除浮动的HACK来对父级做一次定义,那么就可以解决这个问题 。
.clearfix {
display:inline-block;
}
/* Hides from IE-mac */
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */
**这种用法在进行图文混排时比较多,但是不太好控制,用margin配合clear{clear:both}直接来控制。
二十八、 文字的处理
1. 一般的字体:
font-family : “Lucida Grande”, Verdana, Lucida, Arial, Helvetica, “宋体”,sans-serif;
标题字体(h1/h2):font-family: Cambria, Georgia, “Times New Roman”, Times, serif;
2. 首字下沉:
P:first-letter{padding:10px,fontsize:32pt;float:left}
3. 拼音汉字:
<ruby>布鲁斯狼<rt style=”font-size: 11px;”>bu lu si lang</rt></ruby>
二十九、 Min-height多浏览器兼容问题
Div{
min-height:450px;
height:auto!important;










