当前位置:首页 > Css

DIV 最小高度的解决办法

happyfhb18年前 (2009-01-10)Css1813
摘要:今天写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 最小高度的解决办法” 的相关文章

关于overflow的用法

今天在开发网页时遇到一个很奇怪的问题就是ul li 菜单 和 父体 盒子 定位出错的问题!找了很多文章 自己也逻辑推理了好多次 都没有解决这个问题!最后在好朋友没有面包的猪的帮助下 给父DIV块 加了一个 overflow:hidden 解决问题特此感谢! 关于为什么要加这个属性 面包高人…

经典的DIV+CSS图文混排

其实这是很老的方法了。写出来只是给新手看 。高手就不要笑话我了。呵呵。下面是代码和演示效果。图文混排 左浮动<div style="width:400px; height:400px; padding:5px; background-color:#CFF;word-wrap:brea…

DIV+CSS hack书写规范

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

min-height 用法

以前的时候很少用到这个标签.不过某些时候这个标签真的非常好.不过 min-height IE6 IE 8 好像都不支持.未免有点可惜.用法就是 设置某个层的最小高度. 当文章内容撑破这个高度的时候才自适应.这样的好处就是最大化让网页变得美观.…

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

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

CSS/DIV网页设计视频教程

 CSS基础知识与核心概念CSS初探 - CSS基本知识 - 第1课CSS基本语法与核心概念 - CSS基本知识 - 第2课设置丰富的文字效果 - CSS基本知识 - 第…

发表评论

访客

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