web标准中的一些问题(二)

转载请注明出处
四;关于ie6的高度自适应问题。 内容超出高度的时候,对于ff and ie7来说,实现自适应问题之需要设置 height:auto或者min-height=value; 但是在ie6中是无法识别他们的。
针对ie7,ff,ie6中自适应高度,最好的做法是设置min-height和利用cssHack设置height。例如: min-height:600px; _height:600px; ie7,ff中可以识别的min-height,但无法识别_height,ie6会忽略“_”继续读取得。 这里的_height:600px;对于ie6中 当内容超过了600像素时,由于设置了height,可以使ie自动的拥有布局,适应内容进行扩展。 虽然有些时候是不希望ie去自动的扩展适应内容的。
另一种方法可以定义height:100%,同样解决了ie6中高度自适应问题.
默认拥有布局的元素
* [html], [body] * [table], [tr], [th], [td] * [img] * [hr] * [input], [select], [textarea], [button] * [iframe], , [object], [applet] * [marquee] 关于haslayout

Tags:

Continue to Read

2

web标准中的一些问题(一)

转载请注明出处
一;a的样式问题
有时候会出现访问过hover样式后就不能在出现(ff,ie中都出现的),在精通ccs中介绍过一个链接样式的书写顺序LoVe:HAte;L-link,V-visited,H-hover,A-active;关于书写顺序狐狸再他站立介绍了css hack写法中介绍了关于
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;他的书写顺序ff,ie7,ie6.
二;关于ie6的双倍空白边bug
ie6中,在解析块状元素时对水平外边距magrin存在外边距加倍的问题。
例body {padding:0;
margin:0;
}
div{
float:left;
margin:10px;
width:100px;
height:100px;
border:1px solid red;
}
<div>
<a href=”#”>
小繁的Blog</a>
</div>
只需添加:display:inline; (并非将元素转为inline)
关于inline元素的一些特点:
在没有将inline元素浮动的情况下其高度和宽度是不能被改变的,
垂直的外边距,只是根据内容的宽度和高度适应大小。
inline元素如果添加float ,其默认会将inline转为block元素。因为

Tags:. . .

Continue to Read