您的位置:首页 > Web前端 > CSS

浅谈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;

.....

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: