• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

在IE6,IE7 中DIV容器固定高度的使用技巧

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
IE6和IE7对CSS的解释存在很多差别,今天谈其中一点:height。
例子:
复制代码
代码如下:
<div style="height:50px">


IE6下:如果DIV里的内容高度不超过50px,DIV的高度就是50px,如果超过了设定的值,高度会随内容而撑开,也就是通常说的自适应高度。
IE7下:如果DIV里的内容高度不超过50px,DIV的高度就是50px,如果超过了设定的值,DIV的高度仍会固定在50px,多余的内容会超过DIV而溢出,如果DIV下面还有其它内容,就会和溢出的内容重叠在一起。

这显然是一个非常值得注意的地方,若不处理会引起页面错乱。解决这个问题通常分两种情况:

一,高度为主:让DIV的高度固定为50px,多出的内容要隐藏,两个浏览器的CSS可一并写为:
复制代码
代码如下:
<div style="height:50px;overflow:hidden">
,overflow:hidden这个很重要,兼容性全靠他了

二:内容为主:让DIV高度最小为50px,内容过多时DIV高度自适应内容多少。这时需要用到CSS HACK做一些兼容处理:
<div style="min-height:50px;_height:50px;">,min-height:50px 最小高度,这个IE7和FF可识别,_height:50px 加下划线目的只让IE6识别。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
常用的几个单页应用程序网站分享发布时间:2022-06-21
下一篇:
如何解决IE6/7绝对定位元素神秘消失或被遮挡的方法发布时间:2022-06-21
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap