当前位置:首页 > Css

DIV 最小高度的解决办法

happyfhb18年前 (2009-01-10)Css1842
摘要:今天写DIV+CSS网页 插入一个空白层 定义高度为3px 确发现实际间隔远远大于3px,很是奇怪,于是在网上苦苦寻找,终于找到了如下最好的解决办法!Div最小高度的问题一般是出现在IE6中,IE6中有个默认高度问题,在10px以下的都会默认显示为10px高度,这个问题也会在table中设置高度时出…

今天写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>

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

扫描二维码推送至手机访问。

版权声明:本文由海海日记-冯海滨博客发布,如需转载请注明出处。

本文链接:http://www.fenghaibin.com/?id=60

“DIV 最小高度的解决办法” 的相关文章

网页透明flash代码新手必看

<embed src="http://www.dabaoku.com/flash/flash/16.swf" width=896 height=200 type=application/x-shockwave-flash wmode="transparent&qu…

DIV+CSS hack书写规范

IE下很多地方可以省略一些层定义的浮动属性,但是FF不行,必须每个个层都写清楚,几个DIV层水平排列的时候,IE6中必须要加display:inline;,不然前端会出现双倍间距,而FF中则加不加display都显示正常.这些都是由浏览器默认值的不同而引起的,你看到那些大站的布局在各浏览器中都显示正…

css高度自适应

人学习某个东西到一定程度的时候思维就固化了.不懂得变通.今天遇到一个css高度自适应问题 我竟然用 height:100%;真是好搞笑.幸亏志伟兄及时指点.应该是 height:auto;很菜鸟的问题 但是却难了我一天 真是要好好学习了.…

您需要了解的DIVCSS网页布局的8条面试题目

CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天52CSS.com收集了常见的8条面试题目,希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题?被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺…

鼠标放上去点击图片

鼠标放上去点击图片

 鼠标放上去点击图片.rar 非常好的css样式。…

父级div height:auto无效解决办法

一种可能情况因为父div中的div处于浮动状态。浮动是会脱离文档流的,内部两个层就不会局限于父层。所以父层不知道内部的高度。但清理浮动,可以把他们“拉”回来。…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。