海海日记-冯海滨博客

您现在的位置是:首页 > Css > 正文

Css

DIV 最小高度的解决办法

happyfhb2009-01-10Css1371

今天写DIV+CSS网页 插入一个空白层 定义高度为3px 确发现实际间隔远远大于3px,很是奇怪,于是在网上苦苦寻找,终于找到了如下最好的解决办法!

Div最小高度的问题一般是出现在IE6中,IE6中有个默认高度问题,在10px以下的都会默认显示为10px高度,这个问题也会在table中设置高度时出现。

解决DIV最小高度的方法有两个:
1、定义overflow属性。比如想定义一个高度为1px 的线条。
代码:
<div style="height:1px;overflow:hidden;background:#000000;width:100px;"></div>


2、将div 的字体大小属性fontsize设置为跟高度相同。
代码:
<div style="height:2px;font-size:2px;background:#000000;width:100px;"></div>

这种方法很管用 我试验过了 同时兼容多种浏览器,分享给大家!

平淡中储蓄成长

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~