标签：end 期望 常用 部分 隐藏 控制 设置 高度 rom
在实际的项目中，常常会遇到不能给容器设置固定高度的情况，因为容器的高度是随着内容的变化而变化的，如果该容器正好有边框或者背景，并且子元素设置了浮动，那么在某些浏览器里是无法显示出来的，而这个问题一般会有以下的解决方法。
方法一：{ 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浏览器，当然，我们期望某些同样拥有多种模式的浏览器，能够早日支持这个功能，让这个内核控制标签成为行业标准。
（本文转载于不浮不安博客）
标签：end 期望 常用 部分 隐藏 控制 设置 高度 rom
原文地址：https://www.cnblogs.com/secsafe/p/12943533.html
