常用的2种DIV最小高度写法

资讯 驱动中国 X xiaosu 3,251次阅读
分享 Q
AI摘要
由 AI 生成 · 仅供参考

   在IE6中,使用CSS定义DIV的高度经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,DIV的高度会固定在一个值不再发生变动,这个问题的确很烦人。因为这是IE6中,系统同默认的并非是DIV默认的高度,而是你没有解决

   在IE6中,使用CSS定义DIV的高度经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,DIV的高度会固定在一个值不再发生变动,这个问题的确很烦人。因为这是IE6中,系统同默认的并非是DIV默认的高度,而是你没有解决一个隐藏的参数:font-size。这个是IE6中对于DIV属性中的font-size大小和你系统CSS中定义的font-size有很大关系,因此必须单独定义这个DIV的font-size,这样才能解决问题。

第一种方法:

DIV里可以不填任何内容

div.space {
        height: 2px;
        font-size: 0;
}

<div class="space"></div>

第二种方法:

跳过IE6中对font-size的限定,使用line-height来进行定义,但是DIV里面必须填写内容,如果没有内容,用替换。

div.space {
        line-height: 2px;
}

<div class="space"></div>

版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录
我要投稿有独家观点或行业线索?向驱动中国投稿,审核采用后署名发布并获积分奖励。 去投稿 ›

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友