浅谈CSS在不同的浏览器控制自适应高度
2011-06-27 19:53
483 查看
对于IE、火狐与Chrome浏览器,每个浏览器之间对布局方面都有自己的一套实现方法。在这里,只使用CSS在IE 6.0+与火狐对自适应高度的实现。
在网页设计时,我们往往使用自适应高度,这样看起来美观些。在这方面,IE可以让我们不用太操心,而火狐就不行了。因为火狐不会自增长,而IE会自增长。如何解决火狐这个自适应高度问题。下面是相对应的CSS
.cssstyle{
width:100%;
min-height:65%; //这个属性IE不能识别,而火狐才能识别
height:auto!important; //对于这个属性中的"!important",IE加载页面时,总是以最后的属性为主,而火狐在加载时,先行加载,而不会去加载其它的"height"。
height:65%; //这个对于IE来说,以最后的height属性加载,也就是说加载!important后面“height”的属性,如果该"height"放在"!important"的前面,则会加载"!important"相对应的属性值了。而火狐刚好相反。
margin:0 auto;
.....
}
在网页设计时,我们往往使用自适应高度,这样看起来美观些。在这方面,IE可以让我们不用太操心,而火狐就不行了。因为火狐不会自增长,而IE会自增长。如何解决火狐这个自适应高度问题。下面是相对应的CSS
.cssstyle{
width:100%;
min-height:65%; //这个属性IE不能识别,而火狐才能识别
height:auto!important; //对于这个属性中的"!important",IE加载页面时,总是以最后的属性为主,而火狐在加载时,先行加载,而不会去加载其它的"height"。
height:65%; //这个对于IE来说,以最后的height属性加载,也就是说加载!important后面“height”的属性,如果该"height"放在"!important"的前面,则会加载"!important"相对应的属性值了。而火狐刚好相反。
margin:0 auto;
.....
}
相关文章推荐
- css 控制div高度自适应浏览器的高度
- js控制三列高度自适应DIV+CSS页面
- CSS实现左右栏宽度固定中间栏宽度变化且各栏高度自适应背景色不同的三栏布局
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制
- js控制三列高度自适应DIV+CSS页面
- 有关不同浏览器不同版本号的css以及js计算高度的问题
- CSS - Select 标签在不同浏览器中的高度设置
- 浅谈CSS HACK——兼容不同浏览器的CSS
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制(转)
- div模拟textarea以css控制最大高度和最小高度实现高度自适应实例页面
- 有关不同浏览器不同版本的css以及js计算高度的问题
- CSS 中浏览器高度自适应
- 兼容在不同浏览器不同分辨率下DIV高度自适应
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制——CSS设计中的HACK,CSS解决方案
- js控制三列高度自适应DIV+CSS页面
- js控制三列高度自适应DIV+CSS页面
- 浅谈纯CSS实现自适应浏览器宽度的正方形
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制(转)
- div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)