height:auto和height:100%的区别
区别 Auto 100% height
2023-09-11 14:22:16 时间
一直不明白height:100%和height:auto的区别，最近在制作前端页面时都用了height:100%;overflow:hidden; ，可是有些浏览器出现莫名的奇妙的问题，但换成height:auto就好了，百度过这个问题，却一直没有细看。
今天又浮现了同样的问题，百度细看和群里的朋友指点，终于明白其中的道理，记录一下。
height:auto，是指根据块内内容自动调节高度。
height:100%，是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。
IE6下面，为什么不能设置height:1px的元素 在用DIV构建网页的时候，有时候需要的高度很小，这时候就可能会出现问题，因为，IE6下DIV有个默认的高度，大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。
相关文章
- 差分放大电路单端输出和双端输出区别以及应用（转载）
- 内部类和静态内部类有什么区别？
- 深入了解angularjs中的$digest与$apply方法，从区别聊到使用优化
- C++程序内存分配方式概念与区别（堆与栈）
- offsetLeft, offsetTop以及postion().left , postion().top有神马区别
- GIT和SVN之间的五个基本区别
- org.apache.log4j与org.apache.commons.logging这两个包有什么区别
- Dockerfile命令RUN、CMD、ENTRYPOINT的区别
- childNodes在IE与Firefox中的区别
- 浅析字面量、new操作符和Object.create(null)创建出来的对象的区别以及Object.create()方法理解
- /tmp 和 /var/tmp 的区别
- SQL四种语言：DDL,DML,DCL,TCL 的区别
- webservice、httpClient、dubbo的区别