建站专家,专业网站建设 为客户创造互联网时代新价值
网站没有访问量?网站没有排名?创意网络来帮您!
专注于推广营销型企业网站建设,让您的网站“活”起来!

在线咨询
经济型网站1500元 标准型网站2500元 商务型网站3500元 定制型网站
行业资讯 技术支持 编程技术 优化技术 建设文摘 营销技术 建设帮助
国内虚拟主机 香港虚拟主机 美国虚拟主机
服务项目
企业网站解决方案企业网站解决方案
打造企业品牌形象,建立企业网络平台,提供全方位的企业网站建设一条龙服务。
企业网站优化推广方案企业网站优化推广方案
专业的SEO服务,网站优化,排名提升,为企业创造更多的商机。
域名主机租用服务域名主机租用服务
稳定的DNS服务器,24小时不间断监控,为您保证稳定、高速的网站运作环境。
搜索引擎化化SEO
我要新建网站
番禺网站建设为您建立一个能不断为您带来新客户的网站[了解详情]

改版我的网站
网站改版可以带来优质的用户体验,增加网站优化细节
[了解详情]
又是一个兼容性的问题:IE和Firefox下解决自适应高度的问题

    在ie,firefox下,要想实现div高度自适应,必须考虑浏览器兼容问题。因为在firefox中有min-height这个属性来设置div容器的最小高度,当实际高度超过min-height时,firefox会自动适应,但是遗憾的是ie不支持这个属性。

    另一方面,ie的height其实就等同与firefox的min-height属性,而且如果不去设置ie的height,它也会很好的自适应高度,而firefox就没有这个特点。

总结一下各种解决方案:

方法1,利用!important

代码:

min-height:100px;
height:auto !important;
height:100px;
overflow:visible;

这是兼容ie6,ie7,firefox的方法,不仅解决了高度自适应,还可以设置最小高度。

方法2,ie的height有自动适应高度的能力,而firefox在设置height后没有自适应能力,但是经过测试,如果firefox既不设置height,也不设置min-height,竟然也能够自适应。例外的情况是div内部元素有浮动,就不会自适应了。

方法3:为解决方法2中浮动的问题,有3种方法:

    1,在div内部所有元素之后加一个clear:both;的元素,可以是div,也可以使ul。

    2,给div加上overflow:auto;样式。

    3,javascript:document.getElementByIdx_x("wai-div").style.height=document.getElementByIdx_x("nei-div").scrollHeight+20+"px" 。这个办法的局限性是,当内部元素多的时候,就变得麻烦了。

    不管你用什么方法,能解决页面兼容性的问题就是好方法,在网站建设中,不断积累细微的经验,才能不断进步。


资料来源:创意设计工作室 http://www.py162.com,转载请注明出处!
  • 相关文章
  • ·JS广告代码之对联式
  • ·无组件上传程序出现“不能调用binaryread”错误提示的原因
  • ·说说如何解决网站图片盗链的问题
  • ·番禺网站建设教你用ASP得到当前页面完整地址
  • ·所有记录中均未找到搜索关键字的解决办法
  • ·如何解决网页打开速度慢的问题,这也是网站优化的基本
  • ·番禺网站建设教大家用letter-spacing调整字间距
  • ·番禺网站建设教你三招防SQL注入
  • ·番禺网站建设介绍网站被挂马解决技巧
  • ·用JS获得网址的域名
  • ·IE6重复文字和文字溢出
  • ·网站音乐文件链接给盗 造成虚拟主机流量超标
  • 网友评论
    用户名: