工作中常用CSS样式，和遇到的样式问题

clearfix，有时候我们为了代码的整齐和好看，会对代码进行分层展示，强迫症有时候会使我们在最外面包裹一层div，但是一般最外层是不写高度的，那么就会出现，下一个div会因为上一个没有div没有高度而出现两个div的内容重叠的问题

<div class="clearfix"></div>
.clearfix:before,
.clearfix:after{
    
    
    content: "";
    display: table
}
.clearfix:after{
    
    
    clear: both;
}
/*照顾IE浏览器*/
.clearfix{
    
    
    *zoom: 1;
}

overflow溢出（滚动条）
出现问题：出现下拉框被overflow裁减，导致下拉内容显示不全获取出现滚动条的线性
解决办法：

1. 设置高度，并且高度要超过下拉框的高度
2. 不想设置高度的话，如果用的是Bootsrarp的下拉框，可以设置dropup使下拉框向上拉，如果向上仍然被挡，就把改div高度达到顶层，然后通过padding-top方式将内容拉下来，保证下拉框预留足够多的位置显示

让超出的文字显示…

/*先强制一行显示文本*/
white-space:nowrap;
/*超出部分隐藏*/
overflow:hidden;
/*超出的文字用省略号代替*/
text-overflow:ellipsis;

制作并引入facicon.ico网页图标 （网页头图标）

1. 把图片背景去掉保存png格式然后进入网址进行转换 http://www.bitbug.net/
2. 把ico图标放到文件根目录下，然后在haed之间写如下代码，注意href路径

 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 

不定时更新