CSS的height 与 min-height

最新推荐文章于 2022-07-06 16:30:57 发布
最新推荐文章于 2022-07-06 16:30:57 发布
阅读量126 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/liangrockman/blog/8190
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

height 就是元素的高度，这个很好理解吧。
min-height 是最小高度，当元素内容高度小于这个值的时候会使用min-height的值来作为它的高度，如果内容高度大于min-height就使用元素内容的高度作为高度。 但是ie6并不支持 min-height这个属性（其他标准浏览器和ie7都支持这个属性）。
在属性前面加上一个"_"下划线，是耍了一个花招让这个属性只能被 ie6浏览器识别，而其他的浏览器会忽略这条属性。

ie6虽然不认识 min-height 但是 ie6下的height能起到和min-height一样的效果，所以使用 min-height:30px;_height:30px 来做多浏览器兼容
能识别 min-height的浏览器只读到了min-height:30px这一句，而不认识min-height的ie6就读到了后面_height的那一句，这样就做到了 多浏览器支持的 min-height 效果

转载于:https://my.oschina.net/liangrockman/blog/8190

weixin_34115824
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css 之height和min-height
Dream
12-31 491
小记 height:100%和min-height:100% height和min-height的设置为100% ，其高度是根据父盒子height真实有效的高度而得到高度。否则就是auto 注意: 其中。如果父盒子使用了min-height:100%而没有设置height,这个时候子元素的高度是auto。 ...
css height VS min-height
deu31579的博客
03-09 131
height：容器高度固定(值是百分比时除外)； min-height:容器高度小于该值时取该值，大于该值时按实际的值。应用：页面中页脚置底。 转载于:https://www.cnblogs.com/lvlin241/p/8532323.html...
当内容超出min-height高度，页面垂直方向出现内容切割显示不完整以及margin无效果的情况
qq_44210926的博客
07-06 356
解决min-height与margin 无效果
关于height和min-height的区别
weixin_44979475的博客
06-28 2391
关于height和min-height的区别
min-height和height的区别
qq_41818857的博客
02-04 7300
height：给元素指定高度，一旦元素的内容超出这个高度就会溢出 min-height：给元素设置最小高度，当内容少的时候，元素是这个高度，当内容超出时，元素高度会自动适应内容，不会出现内容溢出情况。 问题： 父元素设置min-height后，子元素设置height：100%无效 父元素设置height后，子元素设置height：100%有效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
CSS中height和min-height的区别
09-27
主要为大家详细介绍了CSS中height和min-height的区别，从简单实例出发为大家进行分析，感兴趣的小伙伴们可以参考一下
DIV CSS网页布局 最小高度（min-height）的妙用
10-30
最小高度可以设定一个BOX的最小高度，当其内容较少时时，也能保持BOX的高度为一定，超出就自动向下延伸，但到目前为止，只有Opera 和 Mozilla 支持，IE7开始也支持了，但IE7处于测试阶段，等正式版发布到普及需一段...
IE6不支持CSS中的min-width/height属性问题的解决方法
09-25
min-width与min-height在css中是相当好用的语法，可以让HTML元素最少仍保持一定的宽和高，而需要时仍随着元素的內容增加宽和高。
Web前端新人笔记之height、min-height的区别详解
09-24
在IE6浏览器中，`min-height`属性并不被支持，这时我们需要使用一些CSS Hack技巧来兼容。例如，可以使用下划线`_`前缀的私有属性`_height`，这仅对IE6生效。这样，对于支持`min-height`的现代浏览器，它们会使用`min...
css_min-height、max-height、height详细讲解
lkrdmm的博客
12-14 2468
首先min-height、max-height、height之间是有权重的等级的。 权重等级：min-height > max-height > height 直接写一个Demo来简单的讲解一下： 下面展示一些 内联代码片。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
min-height和min-width的用法总结
热门推荐
xi_2130的博客
12-04 2万+
给大美女讲解min-width，发现属性不是想的那样，装逼失败(ಥ_ಥ)已哭瞎， max-height，max-height这里我就不做探讨了，相信聪明的你如果理解了min-height，min-width，其他大家自会理解….1.min-heigh用法：设置一块区域的最小高度，额，似乎听起来有点晕，举个例子吧， <div class="test"> 我是一只小青蛙我是一只小
css min-height 和 max-height
潇湘子的博客
07-01 1442
首先附上 w3school的权威解释链接： https://www.w3school.com.cn/cssref/pr_dim_max-height.asp 个人理解：min-height 和 max-height 都是当盒子内容不确定，动态变化的是时候，自适应内容而设置的，避免设置固定高度导致页面走样，变形。 min-height 的取值：% / 具体px值 / inherit 默认为 0 min-height: 当盒子没有内容的时候，即初始化的时候，我们总得给它一个初始高度 ，mix-heig.
兼容浏览器的min-height和min-width
weixin_34318326的博客
06-28 347
min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。 转文请标明 --- 出处：穆乙 http://www.cnblogs.com/pigtail/ 先说说min-height。这个看起来很容易。 看下面试例： &lt;div style="border:5px solid #f00;min-height:200px;width:300px;pa...
height,min-height与页面布局
daemon303的博客
12-19 876
第一篇博客，哇哈哈哈哈哈！ 作为一个前端新人，整理了一些关于html高度和页面布局的问题。 在涉及高度的时候，我目前使用的属性有：height，min-height，以下是整理的几种使用情况： 1、height html{ height:100%; width: 100%; } body{
css3——max-height 和 min-height
肖的博客
10-31 1765
max-height：最大高度 为了避免内容太多将高度撑太高影响布局美化统一，这个时候我们设置最大高度限制。比如一个 table tr td 表格对象里装一个图片，而图片高度不确定，如果太高了不想图片撑破 tr td 表格，这个时候通过 css max-height 限制图片最大高度是有必要的。 min-height：最小高度 为了避免对象（可以是在加载过程中）没有内容时候不能撑开，但内容多少不能...
前端高度自适应 height和min-height 百分比 不生效原因
qlin_11的博客
08-13 1万+
前端高度自适应 情景 其实前端一般不去管高度，都是设置min-height，用来设置最小高度，其他时候就用理层的div来撑开就好了。但是当屏幕很大的时候，比如笔记本和台式显示屏的问题，在内容比较小的时候那么就撑不开了。 这个时候就需要获取屏幕大小也就是浏览器的大小，这里有两个思路，一个是使用**@screen来写两种样式，**在不同屏幕下有不同的样式。 另外还有一种就是，通过html height...
css属性：min-height是什么意思？
吴冬雪的博客
04-19 4243
意思是说，一个块元素，高度如果小于20px，那么这个块元素就不会再自动变小，而是保持20px不变。如果大于20px，那么不受限制。至于，取值100%的意思，是这个高度值使用父元素的高度值做限定。比如min-height:20px;最小高度的意思，这是。
css的height，min-height,max-height,min-width.....
做一个NB的码农，且不止于码农
11-03 1412
参考地址: 1.http://www.zhangxinxu.com/wordpress/2016/05/css3-width-max-contnet-min-content-fit-content/ 2. https://developer.mozilla.org/zh-CN/docs/Web/CSS/min-heightCSS属性 min-height 通常用来设置一个元素的最小高度。这个属性
min-height:100px; height:auto;的用法
Jruott的专栏
07-24 2293
总结：min-height:100px; height:auto;的用法 1、IE6有个BUG，就是如果指定了一个盒子的高度，但里面内容又溢出了，那这个盒子的高度则会失去作用，盒子的高度会随着内容的增长而自动增长   （即内容不会溢出，而是把盒子撑大） 2、 IE7.0，8.0，FF如果在高度的方向内容溢出，它下面的弟弟元素会和上面的内容交叠在一起 （当内容少于height:100px;的
height: max-content;
最新发布
06-08
`height: max-content;` 是CSS3中的一个属性值，表示元素的高度将被设置为它所包含的所有内容的高度，不包括padding、border和margin。也就是说，如果该元素的内容高度为100px，那么该元素的高度也将被设置为100px。 使用`height: max-content;`可以让元素的高度自适应其内容，可以帮助解决一些布局问题。但需要注意的是，该属性值在一些老旧的浏览器中可能不被支持，需要进行兼容性处理。 另外，需要注意的是，如果使用了`height: max-content;`，那么设置的min-height属性将会失效，因为元素的高度已经被设置为内容高度了。如果需要同时设置最小高度和自适应高度，可以考虑使用`height: min-content;`和`height: max-content;`的结合。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值