1、显示省略号
a.设置width;
b.white-space:nowrap;(空余空间)
c.overFlow:hidden;(清除浮动)
d.text-overflow:ellipsis;
2、定位
position:relative;相对定位 占位置;
position:absolute;绝对定位 不占位置;
position:fixed;固定位置 内联转块状;
3、清除浮动
1.浮动元素的父盒子设高度
2. 浮动元素的父盒子设置:overflow:hidden
3.在浮动元素后添加一个空盒子,给该盒子设置:{clear:both,height:0, overflow:hidden}
4.万能清除浮动::after{content:’ ’, clear:both,height:0,display:block, overflow:hidden ,visibility: hidden }
4、锚点
<标记 id="命名">内容</标记>
<a href="#命名">
5、雪碧图
<div>
<span>雪碧图拼接</span>
</div>
div{
background:url(地址) 0px 0px no-repeat;
}
span{
background-position:0px 0px;
}
6、浏览器兼容问题
a、透明度:其他浏览器:opactiy:value;(0-1)
IE浏览器: filter:alpha(opacity=value); (0-1)
b、双倍浮向:(双倍边距)display:inline;
c、默认高度:(IE6)font-size:0或者 overflow:hidden;
d、图片间隙:display:block或者写在同一行
e、表单行高不一致:float:left;
f、百分比bug:添加声明 clear:right;
g、默认按钮大小不一致:统一大小f(用a标签模拟)
h、background-size、background:rgba();在ie8中失效