/* | |
块: | |
1.独占一行 | |
2.支持所有的样式 | |
3.不设置宽度的时候,宽度撑满正行 | |
内嵌: | |
1.可以在一行显示 | |
2.不支持宽高,对上下的margin和padding等样式支持的也有问题 | |
3.宽度内容由撑开 | |
4.代码换行会被解析 | |
*/ |
<!-- | |
inline-block的特征 | |
1、块元素能在一行上显示 | |
2、内联元素支持宽高 | |
3、没有宽度时,由内容撑开宽度 | |
--> |
清除浮动的方法 | |
1、加高度 (扩展性不好) | |
2、给父级加浮动 (页面中所有元素都加浮动,margin左右自动失效(floats bad !)) | |
3、.inline-block 清浮动方法 (margin左右auto失效) | |
4、空标签清除浮动 (IE6 最小高度 19px;(解决后IE6下还有2px偏差)) | |
5、.br清浮动 (不符合工作中:结构、样式、行为,三者分离的要求) | |
--> |
.clearfix{ | |
*zoom:1; | |
} | |
.clearfix:after{ | |
content: ""; | |
display: block; | |
clear: both; | |
} |
<!-- | |
绝对定位的特征 | |
a、使元素完全脱离文档流; | |
b、使内嵌支持宽高; | |
c、块属性标签内容撑开宽度; | |
d、如果有定位父级相对于定位父级发生偏移,没有定位父级相对于document发生偏移; | |
e、相对定位一般都是配合绝对定位元素使用; | |
f、提升层级 | |
--> |
IE滤镜: filter:alpha(opacity=0~100);
问题:IE6不支持固定定位;