码迷,mamicode.com
首页 > 其他好文 > 详细

未设置高度div撑不开的解决办法

时间:2020-05-23 18:21:56      阅读:193      评论:0      收藏:0      [点我收藏+]

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

(本文转载于不浮不安博客)

未设置高度div撑不开的解决办法

标签:end   期望   常用   部分   隐藏   控制   设置   高度   rom   

原文地址:https://www.cnblogs.com/secsafe/p/12943533.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!