CSS 使用问题笔记

1：如何设置文字自动换行 ，style: font-size:16px;display:block; width:50px;overflow: hidden;word-wrap:break-word

2：如何设置 div 自动高度，height:auto ，最小高度设置min-height:

3：如何区分ie6 浏览器 例如 style:"margin-top：20px;_margin-top:15px"

4：如何区分ie7 浏览器 例如 style:"margin-top：20px;*margin-top:15px"通过前边加* 号区分ie7

5：如何区分ie8 浏览器

6：IE7 下 setAttribute("style","") 不起作用 解决办法兼容方法： 使用 object.style.cssText="" 代替

7：div 设置最小高度 可是使用min-height 但是这个熟悉在IE6 中不兼容 采用hack 方式处理

#obj{
min-height:500px;
_height:500px;
}

 

 8：div中文字居中 采用text-align:center; 属性 和line-height 属性该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

 9：line-height 属性是一个非常重要的属性在布局的时候可以做居中使用

 

10: css 注释在ie7下的问题 

.relateDiv{
			
                        //display:none;
			left: 50%; 
			margin-left: -500px;
			margin-top: -300px;
			
		}

 这个注释的css 在ie7下竟然生效，实在是不能理解，// 这种注释不要在ie7 下使用，记住这个问题

 

11： z-index 兼容性问题 z-index 属性在ie6 ，7 下解析不同于其他浏览器

 其他浏览器只要div是绝对布局，然后设置z-index 就可以实现效果，但是在ie6,7 下如果一个div的父级div 也是relative 属性那么必须要是设置 需要设置父级的div z-index 后才能实现覆盖效果