DIV的最小高度问题

最新推荐文章于 2021-10-27 10:16:58 发布
最新推荐文章于 2021-10-27 10:16:58 发布
阅读量330 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css 文章标签： div ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaohongcheng/article/details/6869825

 #obj{min-height:500px;

_height:500px;

 

}

第一条min-height:500px这是针对IE7和FF的，因为IE6不支持min-height属性。

而第二条是用了hack，因为_height只有IE6才认识，对IE7和FF不起作用。

因为IE6里面，如果内容超出了height指定的高度,则容器会被撑大。

切记不能给#obj加overflow:hidden;属性哦

实现DIV的最小高度和自适应高度控制
EipGemms的博客
10-02 493
在前端开发中，经常会遇到需要控制DIV元素的高度的情况。另外，我们也经常需要让DIV元素的高度能够根据内容的多少自适应调整，以确保内容能够完整显示。通过上述代码，我们实现了DIV元素的最小高度和自适应高度控制。要实现DIV元素的自适应高度控制，我们可以使用JavaScript来动态计算内容的高度，并将其应用到DIV元素上。该属性指定了元素的最小高度，如果内容不足以填充这个高度，元素将会自动扩展以适应。然后，我们还监听了窗口大小变化的事件，以便在窗口大小改变时更新DIV元素的高度。元素的高度，并将其应用到。
DIV默认高度且自适应高度
热门推荐
yangxianli的专栏
08-24 1万+
转： 本文和大家重点讨论一下如何控制DIV最小高度又DIV自适高度问题，如果我们需要设置一个div高度，当里面的东西超过这个高度时，让这个容器自动被撑开，也就是DIV自适应高度。当里面的信息很少时候，我们就设置它一个最小的固定高度。 如何控制DIV最小高度又DIV
div最小高度
yfx000的专栏
03-08 736
div默认（不设置高度属性时）情况下，高度会由内容多少决定，内容越多，div越高 最小高度div，能够在无内容或内容少时，也保持某一固定高度，方法为： height:auto!important;height:200px;min-height:200px; 本写法兼容 IE FireFox Chrome 等 示例如下： div高度演示 本div未设置高度，div高
设置div最小高度的方法
yellow88488的专栏
06-20 602
设置div最小高度的方法 内容
div最低高度设置
weixin_30852419的博客
08-08 383
最近在弄一个BS项目，用DIV+CSS实现。 在图和文字的间隔高度设置出现了一点问题： 如果只是简单的<br><br>，感觉高度太高了；然后想到用<div>，但是用<div style="height:10px">后，高度是出现了，但是高度明显的不止10px。 而<div style="padding:10px 0px 0px ...
CSS调整DIV最小高度问题探讨
09-25
当我们在设计网页时，经常需要对`div`的大小进行控制，包括它的最小高度。本篇文章将深入探讨如何通过CSS来调整`div`的最小高度，并结合实际示例解释其工作原理。 首先，我们需要理解`div`的默认行为。当`div`包含...
IE6 div最小高度去除方法以及IE6div垂直居中css样式
09-25
本文将详细介绍如何解决IE6下`div`最小高度无法设置以及`div`垂直居中的CSS样式问题。 首先，让我们来探讨一下IE6中`div`最小高度去除的方法。在某些情况下，当你试图设定一个`div`的最小高度（通过CSS的`min-...
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
10-30
本文将详细探讨在IE6和IE7中遇到的CSS Div最小高度兼容性问题，并提供几种解决方案。 #### 问题描述 在使用CSS定义`<div>`的高度时，通常可以通过设置`height`属性来实现。例如，当我们将`<div>`的高度设置为10px...
设置DIV最小高度以及高度自适应随着内容的变化而变化
09-25
标题和描述中提到的问题是关于如何设置`<div>`的最小高度，并使其高度能够根据内容动态调整。这通常涉及到CSS（Cascading Style Sheets）中的几个关键属性：`height`、`auto`和`min-height`。下面将详细解释这些属性...
如何设置 div 的最小高度
lumot的博客
09-18 771
E6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现，无论你怎么设置最小高度，Div 的高度 会固定在一个值不再发生变动，这个问题很是烦人。这是因...
DIV最小高度
jis117的专栏
08-20 176
[code="css"] /** http://www.syscy.com/articleview/2009-6-2/article_view_768.htm http://www.phpshuo.com/show/13_40.html **/ .div{ height:auto!important; height:100px; min-height:100px; } [/co...
DIV设置最小高度
qq_29117087的博客
05-13 746
空白页面版权信息显示太过靠上，通过查资料发现可以使用CSS控制div的最小高度 来控制版权信息靠下显示，具体代码如下 .div{ height:auto!important; height:100px; min-height:100px; } 最小高度是100，,超过就会撑开。 因为!important在IE7和Firefox都可以读到，而且权重高于后面的height
设置div最小高度（min-height）的写法
rainyx2012
09-14 1842
ie6不支持mini-height，但按照下面的方法可以兼容多个浏览器 已经测试ie6、ie8、ie9、火狐（最新版）、google（最新版） .articleshow{          height:auto!important;          height:800px;          min-height: 800px; }
html div最小高度,DIV CSS网页布局 最小高度（min-height）的妙用
weixin_39747341的博客
06-01 205
DIV CSS网页布局 最小高度(min-height)的妙用更新时间：2008年11月13日 10:15:00 作者：最小高度可以设定一个BOX的最小高度，当其内容较少时时，也能保持BOX的高度为一定，超出就自动向下延伸，但到目前为止，只有Opera 和 Mozilla 支持，IE7开始也支持了，但IE7处于测试阶段，等正式版发布到普及需一段也许比较长的时间，除非MS把它捆绑在某个操作系统上...
CSS调整DIV最小高度问题
Java高手真经
04-04 1451
//JS代码部分： var isShowFlag = 1;//是否显示 function isShowDet(){ if(isShowFlag == 0){ document.getElementById("queryDeatilDIV").style.display=''; isShowFlag = 1; }else{ document.getElementById("quer
最小高度兼容问题解决办法
aafzoy1242的博客
01-08 148
当给容器设定一个固定高度的时候，当所设高度无法装下内容的时候，IE6会自行调整高度以装下内容为止，简称被撑开了。但是IE6、IE7、IE8、火狐都不行，内容会跑到外面去。min-height:200px; 这个属性值说明容器的最小高度为200PX，当没有内容的时候，容器也会是200px，不会瘪下去的，如果内容很多的话，容器就会自适应高度了，这样做的好处是容器不会担心被撑开，也不会瘪下去，...
为什么我的设置的div最小高度不对?
weixin_34161064的博客
07-12 128
很多朋友问这个问题，（IE6中的问题 .   IE7和FF中不会出现）是因为DIV的字体的大小属性导致的。IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，除非你改变这个字体的大小。解决的方法是给DIV来个这样的样式 .style1{height:你想要的高度;font-size:0;} ...
div高度设置100%无效的问题 （亲身实践）
会点php的前端小渣渣
10-27 3404
先上我的项目效果图： 这是没有加高度的 这是加了高度的 今天写页面碰到了一个问题，div设置高度100%无效，于是进行检查。首先想到的是div父容器没有高度，于是检查父容器高度，通过谷歌开发者工具发现，父容器高度正常，那为什么元素高度无效呢。 然后我试着给父容器设置一个固定的高度，发现元素高度100%居然有效了，这是什么操作。废了半天劲，突然想到我的父容器处于flex布局下，父容器的高度是默认的auto，是不是这个原因呢？于是我给父容器手动设置height:1px;。发现元素的10...
为什么我的设置的div最小高度不对
piaoyi_online的专栏
08-05 2259
问：为什么我设置的div的高度是1px，为什么看不到效果啊，div老是那么高。答：给你的div加一个属性：font-size:0; 说明：这个问题出现在IE6中；IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，除非你改变这个字体的大小。这样来加： .style1{height:1px;font-size:0;} 比如想用一个div来做一个1px高的红色线条在没有
div怎么既设置最小高度还设置初始高度
06-08
您可以使用CSS的min-height属性来设置最小高度，而使用height属性则...这样，如果内容过少，div元素的高度将会自动扩展到最小高度100px，如果内容过多，div元素的高度将会扩展到最大高度200px。希望这能够帮助到您。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值