未设置高度div撑不开的解决办法
Posted secsafe
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了未设置高度div撑不开的解决办法相关的知识，希望对你有一定的参考价值。
在实际的项目中，常常会遇到不能给容器设置固定高度的情况，因为容器的高度是随着内容的变化而变化的，如果该容器正好有边框或者背景，并且子元素设置了浮动，那么在某些浏览器里是无法显示出来的，而这个问题一般会有以下的解决方法。
方法一：{ overflow:hidden; }
方法二：在该容器的最后一个子元素的下方添加一个同级元素并清除浮动：<div style="clear:both"></div>
当然还有其它的方法，但以上两种是最常用也是较为合理的。
在子元素不需要用到负外边距时，推荐使用方法一；
如果子元素需要设置负外边距，方法一就会隐藏到子元素的某些部分，此时推荐使用方法二。
拓展：
众所周知，360浏览器拥有三种模式，极速模式（chrome内核）、兼容模式（IE兼容内核）、标准模式（IE标准内核），我们可以根据需求让网页默认使用某种内核打开。
360浏览器为我们提供了很简单的解决办法：
默认用极速内核打开，增加标签：<meta name="renderer" content="webkit"/>
默认用IE兼容内核打开，增加标签：<meta name="renderer" content="ie-comp"/>
默认用IE标准内核打开，增加标签：<meta name="renderer" content="ie-stand"/>
以上方法只适用于360浏览器，当然，我们期望某些同样拥有多种模式的浏览器，能够早日支持这个功能，让这个内核控制标签成为行业标准。
（本文转载于不浮不安博客）
以上是关于未设置高度div撑不开的解决办法的主要内容，如果未能解决你的问题，请参考以下文章