未设置高度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浏览器，当然，我们期望某些同样拥有多种模式的浏览器，能够早日支持这个功能，让这个内核控制标签成为行业标准。

（本文转载于不浮不安博客）