height auto（CSS，height:auto和height:100%有什么区别）
本文目录
- CSS，height:auto和height:100%有什么区别
- 怎么获取一个height设置为auto的元素的实际高度
- 网页设置了CSS height:auto ,但知为什么不起作用哪位朋友知道告诉下经验，谢谢！
- 为什么div设置height：auto没效果
- div+css请问这个什么意思height:auto !important; height:663px; min-height:663px !important;
- CSS样式中，height:auto和height:100%有什么区别
- CSS行高调整为自动（high：auto）有什么用，一般什么时候用呢
- css height:auto;不起作用外边容器高度不会自动撑高
CSS，height:auto和height:100%有什么区别
这么说，比如一个表格在另一个表格里面，如果外面的表格高是100，里面表格当是auto的时候，如果表格里面没有东西，它就没有高度，表格里面的内容有多高，它就有多高，而当是100%的时候，无论里面有没有内容，它都和外面的表格是一样高的
怎么获取一个height设置为auto的元素的实际高度
使用offsetHeight即可获取height
《!DOCTYPE html》
《html lang="en"》
《head》
《meta charset="UTF-8"》
《title》Title《/title》
《style》
section{
height: 100px;
width: 200px;
background: blue;
}
div{
height: auto;
width: 100px;
background: red;
}
《/style》
《/head》
《body》
《section》
《div》使用offsetHeight《/div》
《/section》
《script》
var a = document.getElementsByTagName("div");
console.log(a.offsetHeight);
《/script》
《/body》
《/html》
网页设置了CSS height:auto ,但知为什么不起作用哪位朋友知道告诉下经验，谢谢！
你的这个listl的父容器是哪一个呢？
你这个listl容器想要高度自适应，首先它得知道它的父容器的高度，因此你要把父容器的样式设置一个高度。
.a{height:30px;}
.b{float:left; height:auto; overflow:hidden;}
.c{float:right; height:20px;}
《div class="a"》
《div class="b"》
bbbbbbbbbbbb
《/div》
《div class="c"》
cccccccccc
《/div》
《/div》
为什么div设置height：auto没效果
如下：
将三个DIV的高度都设置为自动，overflow:auto;，里面的两个DIV都要有内容，没有内容的时候是撑不开DIV的，你还可以设置最大和最小高度，保证DIV内容最少也得能撑开容器，最大不会超过一定的高度从而导致网页变形。
也可以在外层大的DIV里面加上float:left。
设置了外层的区块之后 高度设置auto 。
里层就不要设置区块了 直接加入内容 那么外层的区块就会随着里面的长度而变长。
可以在里面的div加点东西，才会有效果。
最好的测试，在你的css里，加入 border:1px solid black；显示一下div的边框。
div+css请问这个什么意思height:auto !important; height:663px; min-height:663px !important;
height:auto !important是高度自适应，min-height:663px;!important：就是最小高度值，操作方法如下：
1、新建一个html文件，命名为test.html，在test.html文件内，使用div标签创建一个模块，并设置其class属性为content，主要用于下面通过该class属性设置样式。
2、在test.html文件内，在上一步的div内，再使用div创建三个模块，并分别设置其class属性为up,middle,down。
3、在test.html文件内，在css标签内，通过“*”来初始化页面中所有的元素内外边距均为0，并且设置页面中每个div宽度为100%，并且居中对齐。
4、在css标签内，对class为content的div进行样式布局，设置其宽度为500px，高度为600px，div内的文字颜色为白色，居中显示。
5、最后在浏览器打开test.html文件，查看实现的效果。
CSS样式中，height:auto和height:100%有什么区别
height:auto 代表的意思就是高度随即，根据div和CSS样式表的变化而变化，是一个不定值，但是如果你中间插入的内容（例如图片）比较大的话，他会把图片全部显示出来，这是相对于内容来判断的
而height:100%代表的是相对于DIV和CSS样式的大小填充到100%，而不是内容，由于我们大部分的DIV都是和内容大小差不多，所有没有明显的区别
CSS行高调整为自动（high：auto）有什么用，一般什么时候用呢
比如说我要做一个新闻列表的页面，新闻多的时候一页显示20行，高度要达到200px+。新闻少的时候比如只有一条新闻，如果还是自动高度就很难看了，就要定义一个最小高度比如50px。那这个时候我只要定义min-height: 50px; hight: auto; 就可以了。
css height:auto;不起作用外边容器高度不会自动撑高
.container height:auto .left height:auto; .right height:auto; container会没有高度的 auto是自动的意思~ 看你用的是什么浏览器 不同浏览器基于内核不同 显示也不同~ ie7会撑高 火狐不会~ tt没试验过
ie6 和火狐
再加上overflow:auto;再超出层显示滚动条 但是有height:auto; 就不会出现超出层的问题~
本文相关文章：
qq浏览器普通下载（qq浏览器中的安全下载和普通下载 有什么区别吗）
2026年10月3日 03:50
数组栈和链表栈的区别（栈和链表到达有什么区别呢，什么情况下选栈，什么情况下选链表呢）
2026年7月18日 03:40
更多文章：
2026年10月11日 20:20
2026年10月11日 20:10
gcc编译器参数（深度linux的arm-linux-gnueabihf-gcc编译参数如何配）
2026年10月11日 19:30
2026年10月11日 17:23
asp是什么检查项目（医院血液检验项目RPR、TPPA、HIV-Ab各是什么意思）
2026年10月11日 10:20
汇编输出指令（用汇编语言循环指令在屏幕中间输出红底白字的“hello I am 720“）
2026年10月11日 07:20
本地搭建springboot项目（使用eclipse构建springboot项目）
2026年10月11日 06:20
2026年10月11日 03:50
java入门神器好用吗（java 7入门经典适合初学者自学用吗）
2026年10月11日 02:40
unix文件系统采用（Unix采用树形文件系统，其中“树形文件系统”什么意思）
2026年10月11日 00:50
