写在前面:趁着春招来临之际,将以前整合的笔记全部整理,温故而知新,春招找工作加油。
absolute:
- 文本脱离文档流
- 使内嵌支持宽高
- 定位元素,默认后者覆盖前者
- 有定位父级,就相对于第一个定位父级,否则相对于文档
兼容问题:
在IE6下定位元素父级宽高都是奇数,定位元素的right和bottom都有一个像素的偏差,没有解决方案。
relative:
兼容问题:
当子级的内容大于父级,子级会把父级的撑破,这时候需要给父级加overflow:hidden会将超出父级的子级部分隐藏。
但是若是子级加了relative,在IE7下父级的overflow:hidden是包不住子级的相对定位的,子级会将父级撑破。(其他浏览器不影响)
解决方法是:给父级加relative即可。
fixed
- 使得内嵌支持宽高
兼容问题:
ie6以下不支持
解决方案:用css hack
例如头部固定:
.span1{
height: